Flutter答题APP：Timer运行不稳定且cancel()无法终止的问题求助

问题1：用户选择答案后计时器无法终止 #

原因 #

1. 点击选项时的判断条件_seconds.value != 0存在漏洞：当计时器回调刚好在点击前执行，将_seconds.value减到0，此时条件不成立，不会执行计时器取消逻辑，导致计时器继续运行到负数。
2. 原startTimer方法中，重置时间与取消旧计时器的顺序错误：先设置_seconds.value = 60再取消旧计时器，可能旧计时器的回调已进入事件队列，导致刚重置的时间被意外减少。

修复方案 #

• 去掉点击选项时_seconds.value != 0的判断，只要用户未选择答案，点击后就立即终止计时器。
• 调整startTimer中取消旧计时器与重置时间的顺序，先取消再重置。

问题2：计时器运行不稳定 #

原因 #

Timer.periodic(Duration(seconds: 1))无法保证严格每秒触发：Flutter的事件循环如果有其他任务（如UI渲染、网络请求），计时器回调会被延迟，导致计时累积误差，表现为时间跳动或延迟。

修复方案 #

改用基于时间戳的计时方式：记录计时器启动的时间戳，每次回调计算当前时间与启动时间的差值，动态更新剩余时间。同时缩短回调间隔（如100ms），让UI更新更平滑，避免误差累积。

完整优化代码 #

final ValueNotifier<int> _seconds = ValueNotifier(60);
final ValueNotifier<bool> _isDisabled = ValueNotifier(false);
Timer? _timer;
DateTime? _startTime;
// 总答题时长，可根据需求调整
final int _totalAnswerTime = 60;

// 启动计时器方法
void startTimer() {
  // 优先取消之前的计时器，避免多个计时器同时运行
  _timer?.cancel();
  _timer = null;
  _startTime = null;

  // 重置状态
  _seconds.value = _totalAnswerTime;
  _isDisabled.value = false;
  _startTime = DateTime.now();

  // 用100ms间隔更新，平衡性能与计时准确性
  _timer = Timer.periodic(const Duration(milliseconds: 100), (timer) {
    if (_startTime == null) {
      timer.cancel();
      return;
    }

    // 计算已流逝的秒数
    final elapsedSeconds = DateTime.now().difference(_startTime!).inSeconds;
    final remainingSeconds = _totalAnswerTime - elapsedSeconds;

    if (remainingSeconds <= 0) {
      // 时间耗尽，终止计时器并更新状态
      _seconds.value = 0;
      _isDisabled.value = true;
      timer.cancel();
      _timer = null;
      _startTime = null;
    } else {
      // 更新剩余时间
      _seconds.value = remainingSeconds;
    }
  });
}

// 用户点击选项的处理逻辑
void onOptionTap(int index, YourController controller) {
  if (controller.selectedAnswerIndex == null) {
    // 立即终止计时器
    _timer?.cancel();
    _timer = null;
    _startTime = null;
    controller.selectedAnswerIndex = index;
  }
}

额外注意事项 #

• 切换下一题时，优化后的startTimer已包含取消旧计时器的逻辑，直接调用即可。
• 确保_timer、_seconds等变量在StatefulWidget的state中维护，避免StatefulBuilder重建导致引用丢失。

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