Flutter组件传值问题：密码组件数据无法传递至重复密码组件

核心问题 #

你当前代码存在两个关键错误：

1. 控制器作用域错误：在passwordrep函数里新建了局部的passcontroller，这个控制器和实际绑定到密码输入框的控制器完全无关，自然拿不到用户输入的密码值。
2. 组件命名/代码重复错误：你粘贴的两个组件代码都是passwordrep函数，推测其中一个应该是password组件的实现，这会导致逻辑混乱。

修正后的实现方式 #

正确思路是在父组件中统一创建控制器，将需要共享的控制器作为参数传递给子组件，让两个输入框的控制器互通数据。

1. 父组件中定义控制器

// 在父组件的State或Widget中定义两个控制器
final passController = TextEditingController();
final passRepController = TextEditingController();

2. 修正Password组件

TextFormField password(TextEditingController passController, bool isObscure) {
  return TextFormField(
    controller: passController,
    obscureText: isObscure,
    onSaved: (value) {
      passController.text = value!;
    },
    validator: (value) {
      RegExp regex = RegExp(r'^.{8,}$');
      if (value!.isEmpty) {
        return "请输入密码";
      }
      if (!regex.hasMatch(value)) {
        return '密码长度不能少于8位';
      }
      return null;
    },
    decoration: const InputDecoration(
      fillColor: Colors.white70,
      filled: true,
      border: OutlineInputBorder(
        borderRadius: BorderRadius.all(Radius.circular(15.0)),
        borderSide: BorderSide(color: Colors.black),
      ),
      contentPadding: EdgeInsets.symmetric(vertical: 15.0),
      hintText: "密码",
      prefixIcon: Icon(Icons.lock_outline, color: Colors.black),
    ),
  );
}

3. 修正PasswordRep组件（接收密码控制器作为参数）

TextFormField passwordRep(
    TextEditingController passRepController, 
    TextEditingController passController, // 接收密码输入框的控制器
    bool isObscure
) {
  return TextFormField(
    controller: passRepController,
    obscureText: isObscure,
    onSaved: (value) {
      passRepController.text = value!;
    },
    validator: (value) {
      RegExp regex = RegExp(r'^.{8,}$');
      if (value!.isEmpty) {
        return "请重复输入密码";
      }
      if (!regex.hasMatch(value) || value != passController.text) {
        return '两次输入的密码不一致';
      }
      return null;
    },
    decoration: const InputDecoration(
      fillColor: Colors.white70,
      filled: true,
      border: OutlineInputBorder(
        borderRadius: BorderRadius.all(Radius.circular(15.0)),
        borderSide: BorderSide(color: Colors.black),
      ),
      contentPadding: EdgeInsets.symmetric(vertical: 15.0),
      hintText: "重复密码",
      prefixIcon: Icon(Icons.lock_outline, color: Colors.black),
    ),
  );
}

4. 父组件中调用两个组件

Column(
  children: [
    password(passController, true),
    SizedBox(height: 16), // 增加输入框间距
    passwordRep(passRepController, passController, true),
  ],
)

关键说明 #

• 不要在子组件内部新建需要共享的控制器，必须从外部传入，保证两个组件使用的是同一个数据源。
• 转成Stateful Widget本身没问题，但核心问题是控制器的作用域和传递方式错误，所以之前的修改无法解决问题。

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