使用pushAndRemoveUntil后TextFormField值仍保留的原因及解决方法

问题原因 #

1. 全局TextEditingController导致状态留存
   你的loginIdController是定义在LogIn类外部的全局变量，它的生命周期不受LogIn widget的创建/销毁影响。即使通过pushAndRemoveUntil移除了原LogIn页面，这个全局控制器依然保存在内存中，当你重新跳转到LogIn页面时，新的LogIn实例会复用这个控制器，输入框自然会保留之前的文本内容。

2. pushAndRemoveUntil的使用逻辑（待确认）
   从代码中看不到removeNavigator的具体实现，如果该方法的predicate设置错误（比如未正确移除目标页面之前的栈），也可能导致原页面未被销毁，但结合输入框内容留存的现象，核心原因还是全局控制器的问题。

修复方法 #

方案1：将控制器改为Widget内部成员（推荐） #

把loginIdController移到LogIn类内部作为成员变量，并在widget销毁时释放资源，确保每次创建LogIn实例时都会生成全新的控制器：

修改后的logIn.dart关键代码：

class LogIn extends ConsumerWidget {
  final _formKeyName = GlobalKey<FormState>();
  // 将控制器移到类内部
  final TextEditingController loginIdController = TextEditingController();

  @override
  void dispose() {
    // 销毁控制器，释放资源
    loginIdController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    // 原有build代码不变，直接使用类成员的loginIdController
    return Focus(
      focusNode: focusNode, 
      child: GestureDetector(
        onTap: focusNode.requestFocus, 
        child: Scaffold(
          body: SafeArea(
            child: Stack(
              children: [
                Padding(
                  padding: const EdgeInsets.all(10),
                  child: Column(
                    children: [
                      Container(
                        child: Align(
                          child: Form(
                            key: formKey,
                            child: TextFormField(
                              maxLength: maxLength,
                              obscureText: obscureTextFunction(ref),
                              focusNode: textType == "birth" ? focusNodeBirth : null,
                              controller: loginIdController,
                              decoration: InputDecoration(
                                errorMaxLines: 5,
                                counterText: "",
                                labelText: "Email-Adress",
                                hintText: "Email-Adress",
                                isDense: true,
                              ),
                            ),
                          )
                        ),
                      ),
                      // 其余代码保持不变
                    ],
                  ),
                ),
              ]
            ),
          ),
        ),
      ),
    );
  }
}

方案2：手动清空控制器内容（临时方案） #

如果因业务需求必须保留全局控制器，可以在跳转到LogIn页面时手动清空文本：
在ResetPassword页面的返回按钮点击事件中添加清空逻辑：

InkWell(
  onTap: () {
    ref.read(completeErrorMessage.notifier).update((state) => null);
    // 清空全局控制器的内容
    loginIdController.clear();
    removeNavigator(context: context, destination: LogIn());
  },
  // 其余代码不变
)

补充：确保pushAndRemoveUntil的实现正确 #

如果removeNavigator是自定义导航方法，需确保其内部的pushAndRemoveUntil使用正确的predicate。比如从ResetPassword返回LogIn时，正确的实现示例：

void removeNavigator({required BuildContext context, required Widget destination}) {
  Navigator.pushAndRemoveUntil(
    context,
    MaterialPageRoute(builder: (context) => destination),
    // 根据需求设置predicate：
    // (route) => false：移除之前所有页面，只保留新跳转的页面
    // (route) => route.isFirst：保留栈底的第一个页面，移除中间页面
    (route) => false,
  );
}

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