Flutter自定义PrimaryButton按钮绑定函数执行结果不符合预期如何解决

问题成因 #

核心原因是输入框的TextEditingController状态没有被持久化持有：

• 90%以上的场景是newPassword和confirmPassword两个控制器在组件的build方法中被初始化，Flutter每次触发组件重绘（包括按钮点击、页面更新等交互）都会重新执行build方法，生成两个新的控制器实例，默认文本为空，因此二者的text属性永远相等，始终进入if分支。
• 若使用的是StatelessWidget，本身无法持久化存储状态，控制器每次重绘都会被重置，也会出现该问题。
• 若使用StatefulWidget但控制器未在initState中初始化、dispose中销毁，也会导致状态丢失。

解决方法 #

1. 调整控制器初始化逻辑 #

将页面改为StatefulWidget，控制器在State类中直接声明，初始化逻辑放在initState中，页面销毁时主动释放：

class _ModifyPasswordPageState extends State<ModifyPasswordPage> {
  // 声明控制器
  final TextEditingController newPassword = TextEditingController();
  final TextEditingController confirmPassword = TextEditingController();

  @override
  void initState() {
    super.initState();
    // 若需要设置初始值，在此处操作即可
    // newPassword.text = "初始值";
  }

  @override
  void dispose() {
    // 释放控制器资源
    newPassword.dispose();
    confirmPassword.dispose();
    super.dispose();
  }

  // 原有submitPassword方法、build方法放在此处
  submitPassword() {
    if (newPassword.text == confirmPassword.text) {
      debugPrint("if");
    } else {
      debugPrint("else");
      BotController()
          .botText("passwords do not mach\n write them again please");
    }
  }

  @override
  Widget build(BuildContext context) {
    // 不要在build中初始化控制器！
    return ...;
  }
}

2. 优化按钮组件空安全（可选） #

你当前定义的PrimaryButton组件的press属性类型为VoidCallback、传参方式press: submitPassword均符合规范，无需修改类型。若要规避空值崩溃风险，可以给按钮的点击事件加空判断：

return ElevatedButton(
  onPressed: press ?? () {},
  // 其余原有逻辑不变
);

3. 调试验证（可选） #

可在submitPassword第一行打印两个输入框的内容，确认值是否符合预期：

submitPassword() {
  debugPrint("新密码输入值：${newPassword.text}，确认密码输入值：${confirmPassword.text}");
  // 原有判断逻辑
}

内容的提问来源于stack exchange，提问作者Mohammad Rabiee Nasri