如何在Flutter中停止Timer？自定义Timer取消方法不生效是什么原因？

问题核心原因 #

• 你在startTimer方法中创建的Timer.periodic实例没有赋值给全局声明的Timer? timer变量，全局timer始终为null，调用stopTimer时timer?.cancel()的空安全判定直接跳过执行，自然不会生效。
• 补充说明：Timer.periodic回调中的参数timer是当前定时器的局部实例，和你声明的全局timer变量没有关联。

修正方案 #

1. 修正startTimer方法 #

将创建的定时器实例赋值给全局timer变量即可：

void startTimer() {
 // 把创建的定时器实例赋值给全局timer变量
 timer = Timer.periodic(const Duration(seconds: 1), (localTimer) {
   setState(() {
     randomNote = Random().nextInt(6);
     randomType = Random().nextInt(6);
   });
 });
}

2. 优化（避免重复创建定时器） #

可以在启动定时器前先判断是否已经存在运行中的定时器，避免重复创建多个定时器实例导致无法统一控制：

void startTimer() {
 // 已有运行中定时器直接返回，避免重复创建
 if (timer != null && timer!.isActive) return;
 timer = Timer.periodic(const Duration(seconds: 1), (localTimer) {
   setState(() {
     randomNote = Random().nextInt(6);
     randomType = Random().nextInt(6);
   });
 });
}

3. 可选补充：页面销毁时主动清理 #

在State的dispose生命周期中主动调用取消逻辑，避免内存泄漏：

@override
void dispose() {
  timer?.cancel();
  super.dispose();
}

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