去除 Flutter 中 TextFormField 中的错误信息

Question

您好，我想在 Flutter 中提交表单后删除由 TextFormField 小部件中的验证器引起的错误消息。 Ps : 我希望在我再次 select TextFormField 再次写入后错误消息消失。

            TextFormField(
                controller: _emailController,
                keyboardType: TextInputType.emailAddress,
                textInputAction: TextInputAction.next,
                validator: (value) {
                  if (value == null ||
                      value.isEmpty ||
                      !EmailValidator.validate(value)) {
                    return nullEmailMsg;
                  }
                  return null;
                },
                decoration: InputDecoration(
                  hintText: emailHint,
                  prefixIcon: Icon(Icons.mail),
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(10),
                  ),
                ),
              ),

Answer 1

如果您将 TextFormField 放入带有属性 autovalidateMode: AutovalidateMode.onUserInteraction 的 Form 中，当您再次 select 或更改文字.

如果满足验证功能，错误消息将被删除。

Answer 2

您必须在 TextFormField 中使用 autoValidateMode 方法。

这里是一些参考资料： https://api.flutter.dev/flutter/widgets/AutovalidateMode-class.html

去除 Flutter 中 TextFormField 中的错误信息

Remove error message in TextFormField in Flutter

flutter

textformfield