Flutter中长按倒计时不更新问题的解决方法

你的代码里有几个关键问题导致倒计时数字静止：

• Timer周期错误：你把Duration(seconds: 10)传给了Timer.periodic，这意味着计时器每10秒才触发一次，自然看不到实时倒计时。应该改成1秒触发一次。
• 未重置计数器：每次长按开始时没有把_counter重置回10，第一次倒计时结束后，再次长按计数器已经是0，不会有变化。
• 语法错误：onLongPress里的setState代码无效（只是写了_counter没有任何操作），且多处括号未闭合，导致代码逻辑无法正常执行。

修正后的完整代码示例 #

late Timer? timer;
int _counter = 10;
bool _isLongPressActivated = false; // 假设你需要这个变量控制状态

void startTimer() {
  // 重置计数器为10
  _counter = 10;
  // 改为1秒触发一次的周期
  const oneSec = Duration(seconds: 1);
  timer = Timer.periodic(oneSec, (Timer timer) {
    if (_counter == 0) {
      setState(() {
        timer.cancel();
        _isLongPressActivated = false;
      });
    } else {
      setState(() {
        _counter--;
      });
    }
  });
}

// 按钮的onLongPress相关实现
onLongPress: () {
  setState(() {
    _isLongPressActivated = true;
  });
  startTimer();
},
onLongPressEnd: (details) {
  timer?.cancel();
  setState(() {
    _isLongPressActivated = false;
    _counter = 10; // 长按取消后重置计数器
  });
},

关键修改说明 #

1. 将计时器周期改为Duration(seconds: 1)，确保每秒更新一次计数器
2. 在startTimer开头重置_counter = 10，保证每次长按都从10开始倒计时
3. 修复onLongPress和onLongPressEnd中的语法错误，补全闭合括号
4. 长按结束时重置计数器，避免下次长按从之前的数字开始

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