如何使用GetX实现Flutter TextFormField的validator表单校验？

你所有TextFormField的validator回调都没有返回校验方法的执行结果：
Flutter 要求validator回调必须返回错误提示字符串（校验不通过）或null（校验通过），你当前的代码仅调用了Controller中对应的校验方法，没有将方法的返回值透传给validator，所以validator永远默认返回null，自然不会触发错误提示。

修改auth_form.dart中三个TextFormField的validator配置，加上return关键字即可：

// 邮箱输入框修改后
TextFormField(
  validator: (value) {
    return controller.emailValidator(value!);
  },
  // 其余配置保持不变
),

// 用户名输入框修改后
TextFormField(
  validator: (value) {
    return controller.userNameValidator(value!);
  },
  // 其余配置保持不变
),

// 密码输入框修改后
TextFormField(
  validator: (value) {
    return controller.passwordValidator(value!);
  },
  // 其余配置保持不变
),

你也可以直接用箭头函数简化写法：

validator: (value) => controller.emailValidator(value!),

你当前userNameValidator的错误提示写错了，提示内容是密码相关的描述，建议改成对应用户名的提示，比如：

String? userNameValidator(String value) {
  if (value.isEmpty || value.length < 4) {
    return '用户名长度不能少于4位';
  }
  return null;
}

其余逻辑不需要改动，修改后校验功能即可正常运行。

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