首页 > 解决方案 > 在 Flutter 中等待异步

问题描述

我正在尝试使用 Flutter 编写 Matrix 服务器客户端应用程序。

我从用户所属的服务器请求组。

Future<List> joinedRooms(String accessToken) async {
  String url = server + "/_matrix/client/r0/joined_rooms";
  Map<String, String> headers = {"Authorization": "Bearer $accessToken"};
  Response response = await get(url, headers: headers);
  JoinedRooms roomsID = JoinedRooms.fromJson(jsonDecode(response.body));

  List names = [];

  roomsID.joinedRooms.forEach((roomID) async {
    await roomState(accessToken, roomID).then((value) async {
      await names.add(value[6].content.name);
    });

  return names;
  });

以下值即将到来response.body

{
  "joined_rooms": [
    "!JSHWMPAgoJdkQvRQrr:example.com",
    "!WzjRnPpUASluIsGTuo: example.com"
  ]
}

使用该.forEach方法,我想为每个组 id 请求组的名称并将其添加到names列表中。

Future<List<RoomState>> roomState(String accessToken, String roomID) async {
  String url = server + "/_matrix/client/r0/rooms/$roomID/state";
  Map<String, String> headers = {"Authorization": "Bearer $accessToken"};
  Response response = await get(url, headers: headers);
  List<RoomState> states = (json.decode(response.body) as List).map((i) => RoomState.fromJson(i)).toList();
  return states;
}

的列表names始终为空。async不等待代码片段。我尝试了很多方法,但都没有成功。

标签: flutterasynchronousdartfuture

解决方案


您不是在等待在 forEach 中运行的函数

roomsID.joinedRooms.forEach((roomID) async {
  await ...
});

await 不起作用,因为 forEach 中的函数没有任何内容可以等待。在DartPad上尝试以下示例

import 'dart:async';

void main() async {

  List<int> list = [1, 2, 3];

  list.forEach((value) async {
    await Future.delayed(Duration(seconds: value));
    print('Waited $value');
  });

  print('Finished main');

}

结果是:

Finished main
Waited 1
Waited 2
Waited 3

因为 forEach 不等待里面的函数。

请尝试:

for(.. in ..) {
    await ...
}

推荐阅读