Flutter中如何取消在函数内初始化的周期性Timer？

我完全懂你的困扰——想点击按钮再创建周期性Timer，但函数内部创建的Timer被局限在局部作用域里，外部根本拿不到它来执行cancel()，提前定义又会在启动时就自动创建，确实头疼。咱们来用最直接的方式解决这个问题：

核心思路：把Timer变量提升到类的成员作用域 #

不管你是在State类里还是ChangeNotifier（看你的代码里有notifyListeners()，应该是用了状态管理），只需要把Timer变量声明为类的成员变量，这样整个类的方法都能访问到它，既可以在点击按钮时创建，也能在其他地方取消。

具体实现步骤 #

1. 在类中声明可空的Timer成员变量
   因为初始状态下Timer还未创建，所以用可空类型Timer?：

   class YourClass extends ChangeNotifier { // 或者 State<YourWidget>
     Timer? _timer; // 成员变量，整个类都能访问
     
     // ... 其他代码
   }
   

2. 修改startTimer函数，给成员变量赋值
   在创建Timer时，直接把实例赋值给类的_timer变量，同时添加检查避免重复创建：

   void startTimer(controller) {
     // 先判断如果已有活跃的Timer，先取消再创建新的
     if (_timer != null && _timer!.isActive) {
       _timer!.cancel();
     }
     
     _timer = Timer.periodic(
       timerLogic.timerDuration,
       (timer) {
         timerLogic.timerFunction;
         controller.reset();
         controller.forward();
         notifyListeners();
       },
     );
   }
   

3. 添加取消Timer的方法
   现在你可以在任意需要的地方调用这个方法来取消Timer了：

   void stopTimer() {
     if (_timer != null && _timer!.isActive) {
       _timer!.cancel();
       _timer = null; // 可选：置空避免引用已取消的Timer实例
     }
   }
   

关键注意点：避免内存泄漏 #

一定要在类销毁的时候调用stopTimer()，比如在State类的dispose方法里，或者ChangeNotifier的dispose方法里：

@override
void dispose() {
  stopTimer();
  super.dispose();
}

这样就能完美实现“点击按钮创建Timer，随时可以取消”的需求啦，再也不用担心作用域的问题了。

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