Dart/Flutter中Timer搭配dispose方法失效报错如何解决？

错误原因 #

你遇到的The getter 'timer' isn't defined for the class '_ListCell'报错是timer变量作用域错误导致：
你在initState方法内部通过Timer timer = ...声明的变量属于方法局部变量，仅在initState代码块内可访问，类的dispose方法无法读取该局部变量，因此抛出未定义的报错。

修复步骤 #

• 第一步：将Timer声明为_State类的成员变量，非空安全版本可声明为可空类型
• 第二步：initState中直接给成员变量赋值，不要重复加Timer类型声明，避免再次生成局部变量覆盖类成员
• 第三步：dispose中先调用定时器cancel方法，再执行父类dispose逻辑

完整可运行代码示例 #

class _ListCell extends State<ListCell> {
  // 声明为类成员变量，空安全版本用late修饰
  late Timer timer;
  // 非空安全版本写法：Timer? timer;

  @override
  void initState() {
    super.initState();
    // 直接给类成员变量赋值，不要加Timer前缀
    timer = Timer.periodic(const Duration(seconds: 1), (timer) {
      // 替换为你实际的定时业务逻辑
    });
  }

  @override
  void dispose() {
    // 销毁前先取消定时器，非空安全版本写法：timer?.cancel();
    timer.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // 你的组件布局逻辑
    return const SizedBox();
  }
}

额外注意事项 #

你原代码中Timer回调写的(_) => ListCell()属于无效操作：仅创建ListCell实例没有挂载到组件树不会产生任何实际效果，需要替换为你实际要执行的定时任务，比如更新UI状态、请求数据等操作。

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