Riverpod Providers页面导航时重置问题求助

你的问题核心是Riverpod Provider在页面跳转后被自动销毁，导致状态重置。解决这个问题的关键是调整Provider的生命周期配置，确保状态能在页面间持久化。

1. 修正Provider定义，开启状态持久化 #

默认情况下，Riverpod的Provider在没有组件监听时会被自动Dispose。你需要在生成Provider时添加keepAlive: true参数，强制保持状态不被回收。

示例Provider代码：

import 'package:flutter_riverpod/flutter_riverpod.dart';

// 总时长Provider，开启keepAlive防止被自动销毁
@Riverpod(keepAlive: true)
class TotalDurationTimer extends _$TotalDurationTimer {
  @override
  int build() => 0;

  void setTime(int time) {
    state = time;
  }
}

// 当前计时器Provider，同样开启keepAlive
@Riverpod(keepAlive: true)
class MainTimer extends _$MainTimer {
  @override
  int build() => 0;

  void setTimerTime() {
    // 从总时长Provider获取初始值
    state = ref.read(totalDurationTimerProvider);
  }

  // 倒计时逻辑示例
  void tick() {
    if (state > 0) {
      state--;
    }
  }
}

2. 确保Provider全局声明 #

不要把Provider定义在任何Widget类的内部，必须放在全局作用域中（比如单独的providers.dart文件里），这样才能保证所有页面共享同一个Provider实例。

3. 验证导航后的状态保留 #

完成上述修改后，无论使用Navigator.push还是Navigator.pushReplacement跳转页面，Provider的状态都不会被重置。CountDownPage中的BuildTimer组件通过ref.watch依然能获取到之前设置的状态值。

额外注意 #

如果后续需要手动清理状态（比如用户退出计时器功能），可以调用ref.invalidate(totalDurationTimerProvider)来重置Provider状态，避免不必要的内存占用。

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