Flutter跳转页面失败报错：需在dispose中取消活跃任务或使用mounted检查

这个报错的核心诱因是当前组件的State已经被销毁（dispose）后，仍在执行依赖当前State或BuildContext的操作，页面跳转属于典型的依赖当前上下文的操作，触发场景通常如下：

• 跳转逻辑写在异步操作（网络请求、延时任务、Future回调等）的回调中，异步任务还未执行完成时，用户已经退出了当前页面，State被标记为销毁状态。
• 回调触发后，Flutter检测到操作的目标组件已经不存在，就会抛出该提示，避免出现内存泄漏或未知异常。

可根据你的代码场景选择以下任意一种方案：

• 执行异步回调前先判断mounted状态
  State对象自带mounted属性，值为true时表示组件仍挂载在页面树中，所有依赖State或Context的操作执行前都加一层判断即可：

  // 示例：延时2秒跳转的逻辑
  Future.delayed(const Duration(seconds: 2), () async {
    // 组件已销毁则直接终止后续逻辑
    if (!mounted) return;
    Navigator.of(context).push(MaterialPageRoute(builder: (context) => TargetPage()));
  });
  

• 在dispose生命周期中提前终止所有活跃的异步任务
  如果是可控的异步任务，直接在组件销毁时取消任务，从根源避免回调触发：

  Timer? _jumpTimer;
  StreamSubscription? _dataSub;
  
  @override
  void initState() {
    super.initState();
    // 初始化定时器任务
    _jumpTimer = Timer(const Duration(seconds: 3), () {
      Navigator.of(context).pushNamed('/target');
    });
    // 初始化数据流监听任务
    _dataSub = userDataStream.listen((data) {
      setState(() {
        userInfo = data;
      });
    });
  }
  
  @override
  void dispose() {
    // 组件销毁时终止所有未完成任务
    _jumpTimer?.cancel();
    _dataSub?.cancel();
    super.dispose();
  }
  

• 网络请求类异步任务可使用CancelToken标记，在dispose时主动取消请求，避免请求返回后触发无效操作。

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