写点什么

Flutter:创建一个自动调整大小的 TextField

作者:坚果
  • 2022 年 1 月 10 日
  • 本文字数:577 字

    阅读完需:约 2 分钟

Flutter:创建一个自动调整大小的 TextField

在 Flutter 中,您可以通过以下方式之一根据需要创建自动调整大小的 TextField(或 TextFormField):


  • maxlines 参数设置为 null。如果输入大量文本,文本字段可以永远扩展。

  • 将 minlinesz 设置为 1,MAXLINES 到 N(一个独到之处整数)。文本字段将根据输入文本的长度自动扩展或收缩。如果到达 N**行,它将停止扩展并开始滚动。



下面的示例将演示第二种方法。


import 'package:flutter/material.dart';
void main() { runApp(MyApp());}
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( // Remove the debug banner debugShowCheckedModeBanner: false, title: "坚果", home: HomePage(), ); }}
class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('坚果'), ), body: const Padding( padding: EdgeInsets.all(30), child: Center( child: TextField( minLines: 1, maxLines: 10, style: TextStyle(fontSize: 20), decoration: InputDecoration(border: OutlineInputBorder()), ), ), ), ); }}
复制代码


发布于: 刚刚阅读数: 2
用户头像

坚果

关注

此间若无火炬,我便是唯一的光 2020.10.25 加入

公众号:“坚果前端”,华为云享专家,InfoQ签约作者,51CTO博客首席体验官,专注于大前端技术的分享,包括Flutter,小程序,安卓,VUE,JavaScript。

评论

发布
暂无评论
Flutter:创建一个自动调整大小的 TextField