Flutter：如何在 Firestore 中获取我的数组数据？

Question

我正在尝试将我的数据放入 Firestore，其中该数据是数组，并将该数据输出到卡片中。截至目前，我得到的输出是“null”。获取此数据数组的最佳方法是什么？我正在使用StreamBuilder<QuerySnapshot> 获取数据。

这是我的代码：

StreamBuilder<QuerySnapshot>(
                stream: db.collection('ACTIVITIES').snapshots(),
                builder: (context, snapshot) {
                  if (snapshot.hasData) {
                    return Column(
                        children: snapshot.data.documents
                            .map((doc) => buildItem(doc))
                            .toList());
                  } else {
                    return SizedBox();
                  }
                })

这里是我尝试输出数据的地方：

Card buildItem(DocumentSnapshot doc) {
return Card(
  elevation: 5,
  child: Padding(
    padding: const EdgeInsets.all(8),
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        Text(
          'Name: ${doc.data['Name_ofUser']}',
          style: TextStyle(fontSize: 20),
        ),
        Text(
          'Description: ${doc.data['Help_Description']}',
          style: TextStyle(fontSize: 20),
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: <Widget>[
            FlatButton(
              color: Color(0xFF121A21),
              shape: new RoundedRectangleBorder(
                borderRadius: new BorderRadius.circular(30.0),
              ),
              onPressed: () {},
              child: Text(
                'Respond',
                style: TextStyle(color: Colors.white, fontSize: 12),
              ),
            ),
            SizedBox(
              width: 5,
            ),
            FlatButton(
              color: Color(0xFF121A21),
              shape: new RoundedRectangleBorder(
                borderRadius: new BorderRadius.circular(30.0),
              ),
              onPressed: () {},
              child: Text(
                'Read',
                style: TextStyle(color: Colors.white, fontSize: 12),
              ),
            )
          ],
        ),
      ],
    ),
  ),
);
}

这是我的数据库结构：

Answer 1

您的ACTIVITIES 集合可以有任意数量的文档，其中每个文档可以有任意数量的Issue。

在您的情况下，您只有 1 个文档，并且它有一个 Issue 数组。

所以，如果你想显示第一个文档的所有Issue，你可以这样做：

return Column(
    children: snapshot.data.documents.first['Issue']
       .map<Widget>((issue) => buildItem(issue))
       .toList());

然后buildItem() 将收到Map<String, dynamic>，如下所示：

Card buildItem(Map issue) {

所以现在你可以像这样访问地图了：

issue['Help_Description']

如果您想在一列中显示所有文档中的所有问题，一个在另一个之下，您可以执行以下操作：

final issuesLists = snapshot.data.documents
    .map((doc) =>
        doc['Issue'].map<Widget>((issue) => buildItem(issue)).toList())
    .toList();
return Column(children: issuesLists.expand<Widget>((issues) => issues).toList());