如何让Riverpod autoDispose Provider仅在页面关闭时销毁，跳转时保留值？

我定义了一个自动销毁的StateProvider：

final selectedCategoryProvider = StateProvider.autoDispose((ref) => '');

我已经将这个Provider的值更新为某个分类名称，随后跳转到使用该值的页面。不使用autoDispose时，跳转页面后值会保留；但使用autoDispose时，Provider会恢复为默认值。

我不能移除autoDispose修饰符，因为希望页面关闭时销毁其值，同时又要保留打开页面之前的更新值，该怎么实现？

可以通过两种方式实现需求：

方法一：用keepAlive临时阻止销毁 #

在更新Provider值的同时，调用ref.keepAlive()临时锁住状态，避免跳转后被自动销毁，等页面关闭后再手动释放：

// 在前一个页面更新Provider值
ref.read(selectedCategoryProvider.notifier).state = '目标分类';
// 临时保持状态不被销毁
final keepAliveLink = ref.keepAlive();

// 跳转页面时监听返回事件，页面关闭后释放状态
Navigator.push(context, MaterialPageRoute(builder: (_) => TargetPage())).then((_) {
  keepAliveLink.close();
});

方法二：拆分Provider分离状态 #

拆分两个Provider，一个普通Provider负责暂存分类值（不自动销毁），另一个autoDispose Provider供页面使用，页面关闭时仅销毁自身，不影响暂存的状态：

// 用于暂存分类名称的普通Provider
final tempCategoryProvider = StateProvider((ref) => '');

// 页面中使用的autoDispose Provider，依赖暂存Provider
final selectedCategoryProvider = StateProvider.autoDispose((ref) {
  // 初始化时读取暂存的分类值
  final tempValue = ref.watch(tempCategoryProvider);
  // 页面内更新值时，同步到暂存Provider
  ref.listenSelf((_, newValue) {
    ref.read(tempCategoryProvider.notifier).state = newValue;
  });
  return tempValue;
});

这样页面关闭时，selectedCategoryProvider会被销毁，但tempCategoryProvider会保留最新的分类值，下次打开页面可直接复用。

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