重点关注TextFormField时如何隐藏错误出现

时间:2020-04-20 07:46:49

标签: flutter flutter-layout

我将function FindByAttributeValue(attribute, value, element_type){ element_type = element_type || "*"; var All = document.getElementsByTagName(element_type); for (var i = 0; i < All.length; i++){ if (All[i].getAttribute(attribute) == value){ return All[i]; } } } 用于表单和自定义验证器方法以返回错误消息。 当文本字段获得焦点时,我试图隐藏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, ), ) 的工作方式。

但是我想要实现的是在文本字段获得焦点时隐藏所有错误外观,包括错误消息。

1 个答案:

答案 0 :(得分:2)

我已经通过添加errorStylefocusedErrorBorder达到了理想的用户界面。

errorBorder: UnderlineInputBorder(
      borderSide: BorderSide(color: Colors.blue, width: 1.0),
),
errorStyle: _focusNode.hasFocus ? TextStyle(fontSize: 0, height: 0) : null,
focusedErrorBorder: UnderlineInputBorder(
      borderSide: BorderSide.none,
),