在 Flutter 中删除 TextFormField 中的错误消息答案

【问题标题】：Remove error message in TextFormField in Flutter在 Flutter 中删除 TextFormField 中的错误消息
【发布时间】：2021-09-19 17:05:32
【问题描述】：

您好，在我提交表单后，我想删除由 TextFormField 小部件中的验证器引起的错误消息。 Ps：我希望再次选择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),
                  ),
                ),
              ),

【问题讨论】：

标签： flutter textformfield

【解决方案1】：

如果您将TextFormField 放在具有autovalidateMode: AutovalidateMode.onUserInteraction 属性的Form 中，则在您再次选择或更改文本时应该触发验证功能。

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

【讨论】：

【解决方案2】：

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

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

【讨论】：