Flutter 3.24.3升级后键盘开合引发全组件重建问题求助

升级Flutter 3.24.3后，组件C的TextFormField聚焦弹出键盘时，组件A、B、C的build方法均被重复调用。使用HookConsumerWidget，已尝试resizeToAvoidBottomInset: false，导航采用Navigator.of(context).push(PageRouteBuilder...)，需除降级外的解决方案。

1. 缩小HookConsumer的监听范围 #

确保每个HookConsumerWidget仅监听自身业务所需的Provider，避免监听全局布局/窗口状态相关的Provider（这类状态可能在键盘弹出时被触发更新）。

示例：

class ComponentA extends HookConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    // 仅监听列表数据Provider，不监听无关状态
    final listData = ref.watch(listDataProvider);
    return ListView.builder(
      itemCount: listData.length,
      itemBuilder: (_, index) => ListTile(
        onTap: () => Navigator.of(context).push(PageRouteBuilder(...)),
        title: Text(listData[index].title),
      ),
    );
  }
}

2. 为页面添加状态保持 #

使用useAutomaticKeepAlive钩子让组件A、B保持状态，避免键盘弹出时被重建：

class ComponentA extends HookConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    useAutomaticKeepAlive(); // 启用状态保持
    final listData = ref.watch(listDataProvider);
    return ListView.builder(...);
  }
}

如果是底部导航栏管理的页面，建议用IndexedStack替代默认的页面切换容器，彻底阻止非当前页面的重建。

3. 优化路由配置 #

将组件C的路由设为全屏对话框，隔离底层页面的布局影响：

Navigator.of(context).push(PageRouteBuilder(
  fullscreenDialog: true,
  pageBuilder: (context, _, __) => ComponentC(),
));

4. 排查Provider的意外更新 #

用Riverpod的调试工具追踪无效化的Provider，确认是否有状态在键盘弹出时被误更新：

final targetProvider = Provider((ref) {
  ref.onInvalidate(() => debugPrint('targetProvider 被无效化'));
  return TargetData();
});

若发现依赖窗口参数（如MediaQuery.viewInsets）的Provider被频繁更新，需修改其依赖逻辑。

5. 缓存静态部分 #

使用useMemoized或useCallback缓存组件内的静态Widget/回调，减少build执行开销：

class ComponentC extends HookConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final staticTitle = useMemoized(() => const Text('编辑内容'));
    final onSubmit = useCallback(() {
      // 提交逻辑
    }, []);

    return Scaffold(
      appBar: AppBar(title: staticTitle),
      body: TextFormField(onFieldSubmitted: onSubmit),
    );
  }
}

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