在Flutter中的TextField下显示错误

时间:2020-05-02 18:56:57

标签: flutter flutter-text

材料设计允许文本字段通过输入框https://material.io/components/text-fields下的红色小标签指示错误(请参见下面的屏幕截图)。

对于Flutter中的TextField字段,是否有一种方法可以实现?我希望这是TextFieldTextEditingController的一个属性,但是没有找到类似的东西。

Screenshot showing how a textfield with an error looks like

2 个答案:

答案 0 :(得分:3)

它存在于TextField的装饰属性中,也可以使用其style属性对其进行样式设置。

     TextField(
        decoration: InputDecoration(
          errorStyle: TextStyle(),
          errorText: 'Please enter something'
        ),
      ),

答案 1 :(得分:1)

根据验证结果显示错误,该结果由TextFormField提供的验证器函数返回,您在那里检查某些条件,并根据要显示的内容以及显示的时间或是否返回错误消息或null。不想显示任何东西。

child: new TextFormField(
  autocorrect: false,
  validator: (value) {
    if (value.isEmpty) {
      return 'Error Message';
    }
    return null;
  },
  onSaved: (val) => //do something...,
  decoration: new InputDecoration(labelText: "Label*"),
),