Flutter应用中如何验证密码与确认密码的一致性？

问题场景 #

开发Flutter注册页面时，SignUpFormWidget中的确认密码输入框需要验证与密码输入框的值是否匹配，但当前代码未将密码输入框的TextEditingController传递给确认密码对应的TextFieldWidget，导致验证逻辑无法获取密码值。

解决方案 #

只需两步即可完成修复：

1. 传递密码控制器给确认密码输入框 #

在SignUpFormWidget的build方法中，为确认密码对应的TextFieldWidget添加passwordController参数，传入密码输入框的控制器：

// SignUpFormWidget中修改确认密码的TextFieldWidget
TextFieldWidget(
  controller: widget.confirmPasswordController,
  isConfirmPassword: true,
  // 新增该行，传递密码控制器
  passwordController: widget.passwordController,
),

2. 完善空安全处理（可选但推荐） #

为避免空指针异常，可通过两种方式优化：

方式一：构造函数强制约束（更严谨）

修改TextFieldWidget的构造函数，要求当isConfirmPassword为true时必须传入passwordController：

// TextFieldWidget构造函数修改
TextFieldWidget({
  Key? key,
  required this.controller,
  this.isEmail = false,
  this.isPassword = false,
  this.isConfirmPassword = false,
  // 当isConfirmPassword为true时，passwordController必须非空
  required this.passwordController,
}) : assert(!isConfirmPassword || passwordController != null, 
            "passwordController must be provided when isConfirmPassword is true"),
     super(key: key);

方式二：验证器内做空检查

在TextFieldWidget的验证逻辑中添加空判断：

// TextFieldWidget的validator部分修改
if (widget.isConfirmPassword) {
  if (widget.passwordController == null) {
    return "Password controller is missing";
  }
  if (value != widget.passwordController!.text) {
    return 'Passwords do not match';
  }
}

修改完成后，确认密码输入框即可正确获取密码输入框的值，完成匹配验证。

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