Flutter 聚焦TextFormField时如何隐藏错误外观
我正在使用Flutter 聚焦TextFormField时如何隐藏错误外观,flutter,flutter-layout,Flutter,Flutter Layout,我正在使用TextFormField作为表单和自定义验证器方法来返回错误消息。 当文本字段聚焦时,我试图隐藏TextFormField上的默认错误消息和错误边框 TextFormField( focusNode: _focusNode, validator: widget.validator, errorBorder: UnderlineInputBorder( borderSide: BorderSide(color: Colors.blue, width:
TextFormField
作为表单和自定义验证器方法来返回错误消息。
当文本字段聚焦时,我试图隐藏TextFormField
上的默认错误消息和错误边框
TextFormField(
focusNode: _focusNode,
validator: widget.validator,
errorBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.blue, width: 5.0),
borderRadius: BorderRadius.circular(5),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(5.0),
borderSide: BorderSide(
color: const Color(0x1C707070),
width: 0.5,
),
)
我的问题是,当文本字段聚焦时,错误边界被覆盖。下划线变成红色。我知道这就是TextFormField
的工作原理
但我试图实现的是隐藏所有错误外观,包括文本字段聚焦时的错误消息 我通过添加
errorStyle
和focusedErrorBorder
实现了所需的UI
errorBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.blue, width: 1.0),
),
errorStyle: _focusNode.hasFocus ? TextStyle(fontSize: 0, height: 0) : null,
focusedErrorBorder: UnderlineInputBorder(
borderSide: BorderSide.none,
),