Widget重建时Hook能否自动销毁？Riverpod中TextEditingController问题咨询

核心结论 #

默认情况下，Hook的设计目标是在Widget重建时保留状态，不会自动销毁。但可以通过两种方式触发Hook的销毁与重建：

解决方案1：利用Hook的依赖项触发重建 #

Hook会根据依赖列表的变化决定是否重新初始化。将Riverpod中驱动Widget重建的状态作为Hook的依赖，当该状态更新时，Hook会自动销毁旧实例并创建新实例。

以TextEditingController为例：

final myStateProvider = StateProvider<int>((ref) => 0);

class MyHookWidget extends HookConsumer {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final currentState = ref.watch(myStateProvider);
    
    // 将currentState作为依赖，状态变化时重建controller
    final controller = useMemoized(
      () => TextEditingController(text: "关联状态：$currentState"),
      [currentState], // 依赖列表：状态变化时触发重建
    );
    
    // 手动绑定销毁逻辑（useMemoized不会自动处理dispose，需配合useDispose）
    useDispose(() => controller.dispose());

    return TextField(controller: controller);
  }
}

如果使用封装好的useTextEditingController，可以通过动态传入参数并结合依赖项实现，但useMemoized的方式更灵活可控。

解决方案2：通过Widget Key强制实例重建 #

给目标Widget设置ValueKey，将Riverpod的状态作为Key的参数。当状态更新时，Key发生变化，Flutter会将该Widget视为全新实例，旧Widget及其关联的Hook会被销毁，新Widget会重新初始化所有Hook。

示例代码：

class MyKeyWidget extends HookConsumer {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final currentState = ref.watch(myStateProvider);
    
    return Container(
      // Key随状态变化，触发Widget实例重建
      key: ValueKey(currentState),
      child: HookBuilder(
        builder: (context) {
          final controller = useTextEditingController();
          return TextField(controller: controller);
        },
      ),
    );
  }
}

注意事项 #

• 使用依赖项方式时，确保依赖列表准确，避免不必要的Hook重建；
• 使用Key方式时，会导致整个Widget及其子树重建，适合需要完全重置状态的场景；
• 原生Hook的销毁逻辑会自动跟随Widget的生命周期，无需手动处理（除非是通过useMemoized手动创建的对象，需配合useDispose）。

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