使用 Isolates 防止 ui Jank | 颤振多处理

正如您可能知道的那样，flutter 在通常称为主线程以及 UI 运行的单个线程上异步运行，现在当您需要运行繁重的计算功能时，您会发现您的应用程序因为忙于该功能而冻结和卡顿。

这是 Isolates 发挥作用的地方，这是一种在 dart/flutter 中生成线程并防止主线程停止的方法。

隔离有点挑剔，但是当情况出现时它们很有用，这是完美的情况，我需要加载图像并将其发送到 API 进行处理，这会干扰主线程，但可以在隔离上完成防止这种情况。

让我们看看将隔离与计算功能一起使用的最简单方法之一

运行函数

首先我们需要一个函数来执行，这个函数加载图片并通过http发送给API。

Future<Uint8List?> requestImg(RequestInputs reqInputs) async {
  File file = File(reqInputs.filePath!);

  final http.MultipartRequest request = http.MultipartRequest(
    'POST',
    Uri.parse('server:uri'),
  );
  final Map<String, String> headers = <String, String>{'Content-type': 'multipart/form-data'};

  final img_proc.Image tmp = img_proc.decodeImage(await file.readAsBytes())!;
  final List<int> tosend = img_proc.encodeJpg(tmp);

  request.files.add(http.MultipartFile.fromBytes(
    'file',
    tosend,
    filename: 'aism_source',
    contentType: MediaType('image', 'jpeg'),
  ));

  request.headers.addAll(headers);
  request.fields.addAll(reqInputs.settings);
  final http.StreamedResponse res = await request.send();
  debugPrint('Request settings sent');

  Uint8List responseImage = await res.stream.toBytes();
  return responseImage;
}

现在我的函数需要多个参数，但计算函数只接受一个函数，为了解决这个问题，我使用自定义类来传递所有数据。

class RequestInputs {
  final String? filePath;
  final Map<String, String> settings;

  RequestInputs(this.filePath, this.externalPath, this.settings);
}
计算功能
太好了，我们有了函数和自定义类，让我们看看如何使用计算在隔离上运行它。
// #1
compute<StickerRequestInputs, Uint8List?>(
  requestImg,
  StickerRequestInputs(
    imgPath,
    storage,
    settings,
  ),
// #2
).then((value) => setState(() {
      loading = false;
      if (value != null) {
        imgBytes = value;
        saveImage(value);
      } else {
        debugPrint('Error!');
      }
    }));

我们首先需要在计算语句中声明函数的输入和输出类型 #1 compute<Q,R>Q 是输入类型，R 是返回类型。

然后我们传递函数和输入来运行，在这种情况下，我们实例化我们声明的自定义类。

计算是返回类型 R #2 的未来，我们可以使用 async 或 .then 在它完成后执行某些操作，在这种情况下，我们使用新数据更新状态，或者如果失败则打印错误。

好了，就这样，我将继续研究分离物，看看我们能用它们做些什么，但正如我所说的，不管它们是什么，它们都有点棘手，当你需要它们时，它们是一个很好的选择。

下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。有**【Android架构视频+BATJ面试专题PDF+核心笔记等资料+源码+思维导图】。希望能够帮助到大家提升技术。如果大家想要获取的话，可以点击文末微信卡片即可免费获取哦~**

高级进阶篇——高级UI，自定义View（部分展示）

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训，学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！

• 面试题部分合集