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,//是否禁用
    );

圆角矩形的边框:
Flutte 之TextFile(文本输入框)_第1张图片设置边框颜色
Flutte 之TextFile(文本输入框)_第2张图片改变边框的粗细
Flutte 之TextFile(文本输入框)_第3张图片InputDecoration.collapsed可以禁用装饰线,而是使用外面包围的Container的装饰线
Flutte 之TextFile(文本输入框)_第4张图片获取值
创建TextEditingController
在这里插入图片描述

Flutte 之TextFile(文本输入框)_第5张图片在这里插入图片描述

你可能感兴趣的:(flutter,flutter)