控件启用(enable为true),但errorText有值输入框没有焦点时,优先使用errorBorder的样式,输入框有焦点时,优先使用focusedErrorBorder,如果这两个都没有设置则使用border的部分样式(颜色默认是红色) 控件启用状态,且errorText没有值输入框没有焦点时,优先使用enabledBorder ,有焦点时,优先使用focusedBorder,两者均没有指定...
errorBorder:错误边框 focusedBorder:获取光标时边框 focusedErrorBorder:获取光标时错误边框 disabledBorder:不可用时边框 enabledBorder:可用时边框 border:边框 enabled:true,是否可用 alignLabelWithHint:label是否对齐hint 我们先来看TextField 4.光标相关属性 cursorColor 为光标颜色,cursorWidth 为光标宽度,cursorRadius ...
Key key,// controller是TextField的控制器,当TextField在编辑时回调,// 如果不设置则TextField默认创建自己的controller,重点是如果两个TextField使用一个controller,那么在一个中输入内容,另一个会同步this.controller,this.focusNode,//焦点控制this.decoration = const InputDecoration(),//TextField装饰器,主要用于...
border: _outlineInputBorder,//边框,一般下面的几个边框一起设置 //keyboardType: TextInputType.number, //键盘类型 //obscureText: true,//密码模式 focusedBorder: _outlineInputBorder, enabledBorder: _outlineInputBorder, disabledBorder: _outlineInputBorder, focusedErrorBorder: _outlineInputBorder, errorBo...
disabledBorder:InputBorder.none,/// enabled 为 false 时的边框(InputBorder.none - 无边框)errorBorder:OutlineInputBorder(/// errorText 有值时的边框(OutlineInputBorder - 四周边框)borderSide: constBorderSide(width:5, color:Colors.green),
/ Material Design TextField / TextEditingController? controller 对输入编辑框的文本进行控制 (例如 : 替换空格、一键删除文本、获取编辑的值 等...) TextEditingController 初始化在initState里面完成 TextEditingController? _controller; VoidCallback? _conListener; @...
this.focusedErrorBorder, // errorText 存在时获取焦点边框 this.disabledBorder, // 不可用时边框 this.enabledBorder, // 可用时边框 this.border, // 边框 this.enabled = true, // 输入框是否可用 this.semanticCounterText, this.alignLabelWithHint, // 覆盖将标签与 TextField 的中心对齐 ...
constTextField({Keykey,this.controller,//编辑框的控制器,跟文本框的交互一般都通过该属性完成,如果不创建的话默认会自动创建this.focusNode,//用于管理焦点this.decoration=constInputDecoration(),//输入框的装饰器,用来修改外观TextInputTypekeyboardType,//设置输入类型,不同的输入类型键盘不一样this.textInputActio...
//输入框有焦点时的边框,如果errorText不为空的话,该属性无效this.focusedErrorBorder,//errorText不为空时,输入框有焦点时的边框this.disabledBorder,//输入框禁用时显示的边框,如果errorText不为空的话,该属性无效this.enabledBorder,//输入框可用时显示的边框,如果errorText不为空的话,该属性无效this.border,/...
TextField( decoration: InputDecoration( border: isFormValid ? null : errorBorder, // 其他装饰,如标签、图标等 ), // 其他属性 ) 在表单验证过程中,如果发现有错误,可以设置isFormValid变量为false,以触发边框样式的变化。 代码语言:txt 复制