flutter开发实战-compute将工作交由isolate处理

最近查看flutter文档时候，看到了compute可以将工作交由isolate处理。通过 Flutter 提供的 compute() 方法将解析和转换的工作移交到一个后台 isolate 中。这个 compute() 函数可以在后台 isolate 中运行复杂的函数并返回结果。

在这里插入图片描述

一、compute使用

compute

/// The dart:io implementation of [isolate.compute].
Future<R> compute<Q, R>(isolates.ComputeCallback<Q, R> callback, Q message, {String? debugLabel}) async {debugLabel ??= kReleaseMode ? 'compute' : callback.toString();return Isolate.run<R>(() {return callback(message);}, debugName: debugLabel);
}

例如有一下代码

 Future<bool> isPrime(int value) {return compute(_calculate, value);}bool _calculate(int value) {if (value == 1) {return false;}for (int i = 2; i < value; ++i) {if (value % i == 0) {return false;}}return true;}

compute() 函数可以在后台 isolate 中运行复杂的函数并返回结果。

二、compute处理网络数据解析

获取网络图片代码

// 创建一个可以将响应体转换成 List<Photo> 的方法：parsePhotos()
// A function that converts a response body into a List<Photo>.
List<Photo> parsePhotos(String responseBody) {final parsed =(jsonDecode(responseBody) as List).cast<Map<String, dynamic>>();return parsed.map<Photo>((json) => Photo.fromJson(json)).toList();
}// 在 fetchPhotos() 方法中使用 parsePhotos() 方法
Future<List<Photo>> fetchPhotos(http.Client client) async {final response = await client.get(Uri.parse('https://jsonplaceholder.typicode.com/photos'));// Synchronously run parsePhotos in the main isolate.return parsePhotos(response.body);
}

如果在很慢的手机上运行fetchPhotos方法，或许会注意到应用会有点卡顿，因为它需要解析并转换 json。显然这并不好，所以你要避免它。我们需要用到compute

使用compute将工作交由isolate处理的代码如下

  Future<List<Photo>> fetchPhotos(http.Client client) async {final response = await client.get(Uri.parse('https://jsonplaceholder.typicode.com/photos'));// Use the compute function to run parsePhotos in a separate isolate.return compute(parsePhotos, response.body);
}