Riverpod更新组件状态后，另一组件ref.watch未触发更新问题

问题原因 #

你遇到的情况是Riverpod的AutoDispose Provider默认行为导致的：

• 用@riverpod生成的Provider默认属于AutoDispose类型，当没有任何组件通过ref.watch监听它时，Provider会被自动销毁，状态重置为初始值。
• TabView的标签页默认不保留状态，切换到其他标签时，当前标签的组件会被dispose。如果更新状态的标签组件没有用ref.watch监听Counter Provider，切换标签后这个Provider就失去了所有监听者，会被销毁。此时另一个标签用ref.watch时，会重新初始化Provider，拿到的是初始值而非更新后的值。
• 若更新状态的标签组件加上ref.watch，切换标签时即使组件被dispose（未加KeepAlive），至少在更新后切换前，Provider一直有监听者，状态会被保留；如果组件通过KeepAlive保留，监听会持续存在，Provider不会被销毁，另一个标签就能拿到最新状态。

解决方法 #

方法1：让Provider保持活跃（推荐） #

修改Provider代码，添加keepAlive配置，让它即使没有监听者也保留状态：

@Riverpod(keepAlive: true)
class Counter extends _$Counter {
  @override
  int build() {
    return 2;
  }

  void increment() {
    state++;
  }
}

或者在Provider的build方法中调用ref.keepAlive()：

@riverpod
class Counter extends _$Counter {
  @override
  int build() {
    ref.keepAlive();
    return 2;
  }

  void increment() {
    state++;
  }
}

方法2：让Tab标签页保留状态 #

给更新状态的标签页组件添加AutomaticKeepAliveClientMixin，确保切换标签时组件不被dispose，维持对Provider的监听：

class UpdateTab extends ConsumerStatefulWidget {
  const UpdateTab({super.key});

  @override
  ConsumerState<UpdateTab> createState() => _UpdateTabState();
}

class _UpdateTabState extends ConsumerState<UpdateTab> with AutomaticKeepAliveClientMixin {
  @override
  bool get wantKeepAlive => true;

  @override
  Widget build(BuildContext context) {
    super.build(context);
    ref.watch(counterProvider);

    return ElevatedButton(
      onPressed: () {
        ref.read(counterProvider.notifier).increment();
      },
      child: const Text('增加计数'),
    );
  }
}

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