Flutter中TextFormField配置的validator校验未生效如何解决？

TextFormField的validator回调不会自动执行，它是Form组件体系下的专属校验逻辑，缺少以下任意一个环节都会导致校验完全不触发：

• 所有TextFormField没有被Form组件作为父节点包裹，脱离了表单状态管理范围
• 没有为Form组件绑定GlobalKey<FormState>获取表单状态，也没有在合适的时机主动调用校验方法
• 未配置自动校验模式的前提下，没有主动触发校验动作

1. 首先在对应页面的State类中声明表单全局Key和输入控制器，注意不要在build方法内初始化这些对象：

final _formKey = GlobalKey<FormState>();
final TextEditingController _zipcode = TextEditingController();

@override
void dispose() {
  _zipcode.dispose();
  super.dispose();
}

2. 使用Form组件包裹所有表单项，绑定提前声明的_formKey，在提交按钮的点击事件中主动触发校验：

Form(
  key: _formKey,
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      TextFormField(
        controller: _zipcode,
        keyboardType: TextInputType.number,
        // 如需输入时实时校验，放开下面这行注释
        // autovalidateMode: AutovalidateMode.onUserInteraction,
        validator: (value) {
          if (value == null || value.isEmpty) {
            return "Enter correct value";
          }
          return null;
        },
        decoration: InputDecoration(
          labelText: 'Mileage as shown in Odometer'
        ),
      ),
      const SizedBox(height: 20),
      ElevatedButton(
        onPressed: () {
          // 触发全表单项校验
          if (_formKey.currentState!.validate()) {
            // 校验通过，执行后续提交逻辑
          }
        },
        child: const Text('提交')
      )
    ],
  ),
)

• 不要随意给Form组件动态赋值key，会导致表单状态被重置，校验逻辑异常
• 如果需要输入错误时即时提示，给TextFormField配置autovalidateMode参数即可，可选值包括：
  • AutovalidateMode.disabled：默认值，仅主动调用validate时校验
  • AutovalidateMode.always：每次组件重建都校验
  • AutovalidateMode.onUserInteraction：仅用户和输入框交互后自动校验
• 数字类型输入可以额外在validator中增加格式判断，比如调用int.tryParse(value)判断输入是否为合法数字，避免非数字内容提交。

内容的提问来源于stack exchange，提问作者ashish rana