flutter - 在 Flutter 中的 TextField 下显示错误

Question

Material Design 允许文本字段通过输入框下方的红色小标签来指示错误：https ://material.io/components/text-fields （见下面的截图）。

有没有办法为TextFieldFlutter 中的某个领域实现这一目标？我希望这是TextFieldor的属性TextEditingController，但还没有找到类似的东西。

Answer 1

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

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

Answer 2

您根据 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*"),
),