在 Flutter 中映射流

Question

我正在尝试将来自 Firestore 的流映射到 Flutter 中的列表。我可以成功检索数据，但是当我将它传递给 StreamBuilder 时，它接收到 null。

Stream<List<String>> getTeamMembers(String idSquadra) {
    var res = teamsCollection.where('idSquadra', isEqualTo: idSquadra).snapshots().map(_playerNamesFromSnapshot);
    return res;
  }

  List<String> _playerNamesFromSnapshot(QuerySnapshot snap) {
    DocumentSnapshot doc = snap.documents[0];
    var info = doc.data['infoGiocatori'];
    var res = info.map((i) => "${i['nome']} ${i['cognome']} (${i['displayName']})");
    print('res: $res');
    return res;
  }

此处 res 正确显示为 res: (Mario Rossi (MR1), Luigi Verdi (LV2))，但是当我尝试在视图中访问它时，我得到 data: null

return StreamBuilder<List<String>>(
        stream: dbService.getTeamMembers(dbService.currentUser.idSquadra),
        builder: (context, snapshot) {
          print('snapshot: $snapshot');
          print('data: ${snapshot.data}');
          return Container();     
        });

编辑：记录 print snapshot:

snaphot: AsyncSnapshot<List<String>>(ConnectionState.active, null, type 'MappedListIterable<dynamic, dynamic>' is not a subtype of type 'List<String>')

Answer 1

如果有人需要这个，感谢 pskink 的建议，我发现了问题。我缺少类型转换和 toList() 调用。

正确代码：

return info.map<String>((i) => '...').toList();

在 Flutter 中映射流

Mapping Streams in Flutter

flutter

dart

google-cloud-firestore

stream-builder