Flutter中应用锁屏时如何实现计时持续更新与页面跳转

核心逻辑先讲清楚：Flutter应用在锁屏、退到后台时，主线程会被系统按优先级挂起，普通的Timer、周期流都会被减速甚至完全暂停，靠前台每秒累加的计时逻辑必然失效，以下是经过线上验证的可行方案，按适用场景选择即可。

方案1：绝对时间校准（无特殊权限，普通计时场景首选） #

这是成本最低、稳定性最高的方案，完全不需要申请特殊系统权限，适配全平台：

• 核心思路：彻底放弃“每秒累加1秒”的计数逻辑，所有计时以系统绝对时间戳为唯一基准
• 计时启动时，直接计算好计时结束的时间戳：结束时间戳 = 当前时间毫秒数 + 计时总时长毫秒数，把这个值持久化到本地存储（shared_preferences、hive都可以），不要只存在内存里
• 计时过程中不需要维持高频后台运行：
  • 前台展示时，每帧/每秒读取一次当前时间戳，和结束时间戳做差，更新剩余时长的UI展示即可
  • 注册应用生命周期监听，每次应用从后台、锁屏状态切回前台时，第一时间校验当前时间和结束时间戳的差值，如果已经超过结束时间，直接执行跳转逻辑
• 核心代码参考：

class _CountdownPageState extends State<CountdownPage> with WidgetsBindingObserver {
  int? endTimestamp;
  bool hasNavigated = false; // 防重复跳转标记

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    // 初始化时优先读取本地存储的结束时间戳，适配应用被系统回收重启的场景
    _loadSavedEndTime();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    super.didChangeAppLifecycleState(state);
    // 从后台/锁屏切回前台时校验
    if (state == AppLifecycleState.resumed) {
      _checkIfCountdownFinished();
    }
  }

  void _checkIfCountdownFinished() {
    if (endTimestamp == null || hasNavigated) return;
    final currentTs = DateTime.now().millisecondsSinceEpoch;
    if (currentTs >= endTimestamp!) {
      hasNavigated = true;
      // 执行页面跳转
      Navigator.of(context).pushReplacement(
        MaterialPageRoute(builder: (_) => const TargetResultPage())
      );
    }
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }
}

• 方案局限：如果用户在锁屏状态下手动杀了应用进程，没法主动唤醒触发跳转，只有用户下次打开应用时才会校验执行跳转，需要强唤醒能力的场景用下面的方案。

方案2：系统级定时能力（强提醒、锁屏唤醒场景适用） #

如果需求要求到点必须唤醒设备、哪怕锁屏/应用在后台也要触发跳转，就不要依赖Flutter本身的进程，直接调用系统原生的定时能力：

• 安卓端：申请前台服务、精确闹钟权限，搭配本地通知插件、系统闹钟插件设置定时任务，到点后系统会主动唤醒应用进程，可直接拉起指定页面，甚至可以在锁屏状态下展示全屏提醒页，效果和来电提醒一致。
• iOS端：受系统后台机制限制，不允许应用长期在后台保活，直接用系统本地通知的定时触发能力，到点弹出通知，用户点击通知即可自动跳转到目标页面，这是App Store审核唯一允许的实现方式，不要尝试用后台保活手段绕限制，会直接被打回。

必看避坑点 #

• 绝对不要用Timer.periodic做累加式计时，系统挂起进程后Timer回调会完全暂停，计时必然不准
• 结束时间戳一定要做本地持久化，防止应用被系统在后台回收后内存数据丢失，导致计时逻辑失效
• 跳转逻辑一定要加防重复标记，避免生命周期回调、前台定时校验同时触发，导致页面多次压栈

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