flutter取消Future.delayed

挨踢MAN

于 2023-06-12 15:27:07 发布

阅读量1.9k

点赞数

分类专栏： Flutter 文章标签： flutter android

本文链接：https://blog.csdn.net/u013008419/article/details/131169388

版权

Flutter 专栏收录该内容

2 篇文章

订阅专栏

在Flutter开发中，使用Future.delayed进行延迟操作时，如果在等待期间离开页面，可能会导致已卸载的Widget尝试跳转，从而引发错误。解决方法是在dispose时取消Future，但发现Future.delayed内部使用的是Timer。因此，改用Timer并在dispose时取消可以避免此问题。示例代码展示了如何在dispose时取消Timer以防止错误发生。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

学习flutter，其中用Futere.delayed延时1s跳转到其他页面的时如果没跳转前离开当前页面就会报

Future.delayed(const Duration(seconds: 1), () {
  Navigator.of(context).pushNamed("");
});
//报错
This widget has been unmounted, so the State no longer has a context (and should be considered defunct).
    Consider canceling any active work during "dispose" or using the "mounted" getter to determine if the State is still active.

问题分析

说明其实很清楚了，就是widget已经unmounted 不能跳转，我们需要在dispose取消下Future，所以需要看下delayed的源码：

  factory Future.delayed(Duration duration, [FutureOr<T> computation()?]) {
    _Future<T> result = new _Future<T>();
    new Timer(duration, () {
      if (computation == null) {
        result._complete(null as T);
      } else {
        try {
          result._complete(computation());
        } catch (e, s) {
          _completeWithErrorCallback(result, e, s);
        }
      }
    });
    return result;
  }

发现其实内部用是Timer实现，返回的_Future并找到对应方法取消，干脆直接用Timer实现好了，注意还是需要dispose取消

    _timer = Timer(const Duration(seconds: 1), () {
      Navigator.of(context).pushNamed("");
    });
    
	  @override
	  void dispose() {
	    super.dispose();
	    _timer?.cancel();
	  }