Flutter 使用Riverpod+Hooks时TextField报查找已停用Widget祖先错误

错误根因 #

你遇到的报错和HookConsumerWidget下使用TextField没有直接关系，核心原因是代码中存在多处使用已失效（页面销毁/热重载替换旧页面）的BuildContext访问祖先节点的操作。 #

解决步骤 #

1. 修复ref.listen回调的context安全问题
   你当前在ref.listen的回调中直接使用build方法传入的context，当authStateNotifierProvider的状态更新触发回调时，可能当前LoginScreen已经被从路由栈移除（比如otpSent触发跳转后页面销毁、热重载时旧页面被销毁），此时访问这个context就会触发报错。
   修改方案：

// build方法开头先获取挂载状态，Flutter 3.10+ 可直接使用context.mounted不需要额外引入钩子
final isMounted = useMounted();

ref.listen<AuthState>(authStateNotifierProvider, (state) {
  // 所有用到context的操作前先判断页面是否还挂载
  if (!isMounted()) return;
  state.maybeWhen(
    orElse: () {},
    otpSent: (mobileNumber) {
      AppNavigator.replaceWith<String>(NavigationPaths.verifyLogin, mobileNumber);
    },
    error: (message) {
      AlertMessage(context).warning(message);
    });
});

同理，按钮点击触发的AlertMessage调用前也可以加isMounted()判断，避免点击后快速跳转页面时回调执行用到失效context。

2. 升级依赖到稳定版
   你当前使用的hooks_riverpod: ^1.0.0-dev.7是早期开发版本，存在很多已知的hook状态管理、context绑定bug，直接升级到对应稳定版即可：

• hooks_riverpod 升级到 ^2.3.0+
• flutter_hooks 升级到 ^0.18.6
• flutter_riverpod 同步升级到同版本稳定版

3. 优化LayoutSizes调用逻辑
   你当前在build中多次调用LayoutSizes(context).xxx，如果LayoutSizes内部每次调用都会执行MediaQuery.of(context)查找祖先节点，可以在build开头一次性把需要的尺寸计算好存成局部变量，避免重复查找，同时减少context访问次数：

// build开头统一计算尺寸
final layout = LayoutSizes(context);
final horizontalPadding = layout.responsive(60);
final marginXXL = layout.marginXXL;
final marginL = layout.marginL;
final buttonHeightL = layout.buttonHeightL;
// 后续布局直接用上面的变量即可

4. 检查AlertMessage实现
   确认AlertMessage的warning方法有没有存储context的异步引用，比如内部有Future.delayed、动画结束回调等操作时没有判断context有效性，如有需要在AlertMessage内部也加mounted校验。

修改完以上几点后，热重载、点击登录按钮的报错就会消失，你当前TextField在HookConsumerWidget中的用法本身是正确的，不需要额外调整。

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