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

目录
相关文章
|
2月前
TDesign——Input指定光标插入内容
TDesign——Input指定光标插入内容
38 1
|
5月前
|
索引
Text文本框index文本索引
Text文本框index文本索引
53 4
|
11月前
|
前端开发
input输入框内阴影效果
input输入框内阴影效果
98 1
|
11月前
textarea去除光标
textarea去除光标
128 0
|
11月前
input输入框
input输入框
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
1620 0
解决 Element-ui中 表格(Table)单元格内换行转义符不起作用的问题
form表单 +input的属性值+textarea文本域+select下拉菜单
form表单 +input的属性值+textarea文本域+select下拉菜单
107 0
|
移动开发 HTML5
表单文本框的使用(一) 选择文本
表单文本框的使用(一) 选择文本
150 0