firebase - 从Firebase DB中的 'map'读入Flutter中的ListView

Question

我一直在尝试从Firebase数据库中的 map 读取数据，以在我的第一个Flutter应用程序的ListView中显示它。我尝试了几种方法来实现这一目标，但未成功。我已经到了至少显示一些东西的地方，但是它们都聚集在列表的一行中。

body: StreamBuilder(
        stream: Firestore.instance.collection('Users').snapshots(),
        builder: (context, snapshot) {
          if (!snapshot.hasData) return Text('Loading data.. Please wait');
          return ListView(
            children: snapshot.data.documents.map<Widget>((document) {
              return new ListTile(
                title: new Text(document['Group'].toString()),
              );
            }).toList(),
          );
        }
      )

我的数据库中的 map :
DB screenshot

结果是:
emulator screenshot
请有人可以帮助我构建我的Flutter应用程序。

Answer 1

要遍历每个Group内的User映射，您需要先检索用户集合:

List users = List();
final docs = await Firestore.instance.collection('user').getDocuments();
docs.forEach((doc) {
 users.add(doc.data)
});

然后，您需要遍历 View 中的该列表，类似于:

ListView.builder(
  itemCount: users['Group'].length
  itemBuilder: (context, index) {
    return Text(users['Group'][index].toString());
  }

如果您想使用StreamBuilder，我相信您必须将 Group映射更改为子集合。