Question

我知道Dart是单线程的，也很颤振，所以如果我执行一些繁重的任务，它将阻止UI事件队列，但是网络请求会花费几秒钟而不会阻止UI。

那么，为什么Socket不阻止UI？令我困扰的是为什么套接字不阻止UI，但是繁重的任务却阻止了UI，尽管它们都是异步任务。

例如，此代码将阻止UI

@override
void initState() {
super.initState();
Future((){
  var result;
  for (var i = 0; i < 1000000; ++i) {
    result = 'result is $i';
  }
  print(result);
});

此代码是正常的http请求，不会阻止UI

get() async {
  var httpClient = new HttpClient();
  var uri = new Uri.http(
      'example.com', '/path1/path2', {'param1': '42', 'param2': 'foo'});
  var request = await httpClient.getUrl(uri);
  var response = await request.close();
  var responseBody = await response.transform(UTF8.decoder).join();
}

套接字不阻止UI的原因是将请求过程分为多个部分？并将这些部分发送到当前的微任务队列，如以下答案所示：

https://stackoverflow.com/a/56783713/6540631

那么，有谁知道套接字是如何异步实现的？套接字是使用隔离，未来还是其他方式？套接字在UI线程或其他线程上运行？

并且，如果我必须执行无法在UI线程中拆分的繁重任务（例如文本布局），该怎么办？

补充说明：

我知道如何使用Future和Isolate，但是遇到了问题。

如果单独使用TextPainter.layout将获得本机编译器错误   找不到功能。

我需要布局很多单词，而且需要很长时间   （100ms +），它将阻止UI线程。

我该怎么办？

https://github.com/flutter/flutter/issues/30604

仅适用于UI包的Flutter引擎本机API 在主要隔离物中。

https://github.com/flutter/flutter/issues/30604#issuecomment-481380706

现在，您必须编写自己的换行逻辑- 也许作为插件。我们目前没有任何用于编写文本的API 布局在单独的隔离区中。 @GaryQian可能还有其他想法关于这个。

https://github.com/flutter/flutter/issues/30604#issuecomment-526013977

所以我必须在UI线程中进行文本布局（使用TextPainter），尽管编写一个插件可以解决此问题并且效果很好，有没有更简单的方法？

我想我可以从套接字的实现细节中获得帮助，所以我提出了这个问题。

Answer 1

在飞镖中，网络通话具有asnycronous性质，并返回Future。当asynchronous为任何值时，它将在后台运行，并在任务完成时返回结果或响应。它与javascript中的Promise非常相似。以下是来自Official Docs的与dart异步相关的关键术语列表。

关键术语：

同步操作 ：异步操作会阻止其他操作执行到完成。
同步功能 ：异步功能仅执行同步操作。
异步操作 ：异步操作一旦启动，就可以在完成之前执行其他操作。
异步功能 ：异步功能至少执行一个异步操作，也可以执行同步操作。

在您的情况下，您使用过Future，但是函数必须通过await屈服，以允许其他操作在隔离中执行。如果您不屈服，它将阻塞UI线程。正是您进入了第一个代码块，UI被阻止了。您已使用Future，但计算仍在其中进行同步。这里有一个精确的Post供参考。

为什么Flutter中的网络请求不会阻止UI

1 个答案: