Flutter中如何取消任務

睡覺誰叫發表於2023-04-02
Flutter

前言

在開發過程中，取消需求是很常見的，但很容易被忽略。然而，取消需求的好處也很大。例如，在頁面中會傳送很多請求。如果頁面被切走並處於不可見狀態，就需要取消未完成的請求任務。如果未及時取消，則可能會導致以下負面影響：

  1. 消耗使用者額外資料流量。
  2. 任務回撥持有全域性上下文變數，未及時釋放存在記憶體洩漏風險
  3. 非同步請求過多消耗大量系統資源，拖慢 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');

流程解析

思路：在實際任務執行前使用 Future.any 函式插入取消任務。如果實際任務沒有執行完，就有機會取消它。

如下程式碼，黃色標註按照步驟來讀就行。

總結：CancelToken 就像一個渣男，而 Future.any 則提供了公平競爭的機會。只要妹子還沒有交男朋友，渣男就有機會中途得手。

說明

取消任務不僅限於網路請求。任何實際業務中包含不必要的耗時操作都可以透過 Future.any 配合 CancelToken 來實現取消。

相關文章