TextField最基本的用法是创建一个可以输入单行文本的字段: TextField( decoration: InputDecoration( border: OutlineInputBorder(), labelText:'Enter your name', ), ) 这将创建一个带有标签和下划线的文本输入框。 回到顶部 二、常用属性 下面是一些常用的TextField属性以及它们的说明: ...
配置InputDecoration中的focusedBorder修改选中状态的边框 TextField(
创建一个输入框很简单,在需要的地方用TextField()就行了。比如下面就是一个登录页面的输入框 给输入框加边框 加边框用装饰器 TextField( decoration: InputDecoration( border: OutlineInputBorder(),//边框,默认颜色会跟随主题 filled: true, fillColor: Colors.white54,//填充颜色 hintText: '请输入账号',//...
keyboardType: TextInputType.number, decoration: InputDecoration( contentPadding: EdgeInsets.all(10.0), icon: Icon(Icons.lock), labelText: '请输入密码', ), obscureText: true, ), RaisedButton( onPressed: (){ loginCheck(); }, child: Text('登录'), ), //decoration示例 // TextField( //...
TextField文本输入框 源码分析: constTextField({ Key key,this.controller,//控制正在编辑文本this.focusNode,//获取键盘焦点this.decoration =constInputDecoration(),//边框装饰TextInputType keyboardType,//键盘类型this.textInputAction,//键盘的操作按钮类型this.textCapitalization = TextCapitalization.none,//配置...
decoration(装饰器) 接收一个InputDecoration类型的值,主要用于控制TextField的外观以及提示信息等 我们来看看InputDecoration的构造方法 InputDecoration({ this.icon, //位于装饰器外部和输入框前面的图片 this.labelText, //用于描述输入框,例如这个输入框是用来输入用户名还是密码的,当输入框获取焦点时默认会浮动到上...
TextField( controller: _inputController,//控制器 focusNode: _inputFocusNode,//焦点 style: TextStyle(fontSize: 16, color: Colors.black87),//文字大小、颜色 maxLines: 10,//最多多少行 minLines: 1,//最少多少行 onChanged: (text) {//输入框内容变化回调 ...
TextField(); 基础功能 obscureText:true表示隐藏输入内容,类似密码输入 readOnly:true表示输入框禁止输入 textCapitalization:控制输入内容大小写(words 首字母大写、sentences 句子首字母大写、characters 所有字母大写),可能存在兼容性问题会不生效。 minLines & maxLines: 最小行数和最大行数设置,若只设置最大行数输...
const TextField({ Key key, this.controller, // 控制正在编辑文本 this.focusNode, // 获取键盘焦点 this.decoration = const InputDecoration(), // 边框装饰 TextInputType keyboardType, // 键盘类型 this.textInputAction, // 键盘的操作按钮类型 this.textCapitalization = TextCapitalization.none, // 配置...
constTextField({Keykey,this.controller,//编辑框的控制器,跟文本框的交互一般都通过该属性完成,如果不创建的话默认会自动创建this.focusNode,//用于管理焦点this.decoration=constInputDecoration(),//输入框的装饰器,用来修改外观TextInputTypekeyboardType,//设置输入类型,不同的输入类型键盘不一样this.textInputActio...