Flutte 之TextFile(文本输入框)

简介: Flutte 之TextFile(文本输入框)

Flutte 之TextFile(文本输入框)

TextField(
      controller: controller,
      maxLength: 30,//最大长度,设置此项会让TextField右下角有一个输入数量的统计字符串
      maxLines: 1,//最大行数
      autocorrect: true,//是否自动更正
      autofocus: true,//是否自动对焦
      obscureText: true,//是否是密码
      textAlign: TextAlign.center,//文本对齐方式
      style: TextStyle(fontSize: 30.0, color: Colors.blue),//输入文本的样式
      inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],//允许的输入格式
      onChanged: (text) {//内容改变的回调
        print('change $text');
      },
      onSubmitted: (text) {//内容提交(按回车)的回调
        print('submit $text');
      },
      enabled: true,//是否禁用
    );

圆角矩形的边框:

image.png

置边框颜色

image.png

改变边框的粗细

image.png

InputDecoration.collapsed可以禁用装饰线,而是使用外面包围的Container的装饰线

image.png

获取值

创建TextEditingController

image.png

目录
相关文章
|
7月前
|
C#
C# 文本框限制大全
C# 文本框限制大全
62 0
|
6月前
|
JavaScript
解决Elementui输入框(text)与文本域(textarea)字体不一样问题
解决Elementui输入框(text)与文本域(textarea)字体不一样问题
499 5
|
前端开发
input输入框内阴影效果
input输入框内阴影效果
105 1
|
JavaScript 前端开发
34jqGrid 行编辑- 输入类型
34jqGrid 行编辑- 输入类型
50 0
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
1659 0
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
form表单 +input的属性值+textarea文本域+select下拉菜单
form表单 +input的属性值+textarea文本域+select下拉菜单
112 0
|
前端开发 索引
PythonGUI编程(3) ---- Options选项 Entry单行文本框 Text多行文本框
PythonGUI编程(3) ---- Options选项 Entry单行文本框 Text多行文本框
223 0
PythonGUI编程(3) ---- Options选项 Entry单行文本框 Text多行文本框
|
移动开发 HTML5
表单文本框的使用(一) 选择文本
表单文本框的使用(一) 选择文本
157 0
|
前端开发 程序员
解决Bootstrap jqGrid单元格不换行的问题
解决Bootstrap jqGrid单元格不换行的问题
197 0
解决Bootstrap jqGrid单元格不换行的问题