前言

在开发过程中，取消需求是很常见的，但很容易被忽略。然而，取消需求的好处也很大。例如，在页面中会发送很多请求。如果页面被切走并处于不可见状态，就需要取消未完成的请求任务。如果未及时取消，则可能会导致以下负面影响：

消耗用户额外数据流量。
任务回调持有全局上下文变量，未及时释放存在内存泄漏风险
异步请求过多消耗大量系统资源，拖慢 UI 线程，造成卡顿。

在 Flutter 中，如何取消已经在进行的任务呢？首先需要掌握一些基础知识。

前置知识

Future#any 方法

传入一个 Future 任务列表，返回第一个完成的异步任务，无论成功或失败。

定义

用法

如下 5 个异步任务，代码第五行虽然第二执行，但是最先执行完毕，所以第一个返回，至此整个 Future.any 函数执行完毕。

结果输入如下：

总结

Future.any 实际就是一个 Completer,N 个 Future 叠加在一起，谁先完成算谁的。
Future.any 可以理解成百米赛跑，其中每个选手就是一个 Future，谁跑最快到终点谁就赢了。

Dio 取消实现解析

dio 版本

dio: dev v5.0.3

git: 67f07b86a0976c14a6e19061563832d92ed6772b

branch: main

如何取消

请求中传入 CancelToken 对象，然后调用 token.cancel 方法即可

final cancelToken = CancelToken();
dio.get(url, cancelToken: cancelToken).catchError((DioError err) {
  if (CancelToken.isCancel(err)) {
    print('Request canceled: ${err.message}');
  } else{
    // handle error.
  }
});
// Cancel the requests with "cancelled" message.
token.cancel('cancelled');