如何在Flutter中获取Firestore的子集合数据

你当前的代码仅能读取Firestore根层级的Guests集合，若Guests是挂载在某父集合的具体文档下的子集合，必须先指定完整的父级路径才能读取到数据。

方案1：已知父文档ID，读取单个父文档下的Guests子集合 #

假设你的数据层级为：父级根集合[父集合名] → 具体文档[父文档ID] → 子集合Guests，只需修改Stream的数据源路径即可：

stream: Firestore.instance
    // 先指向父级集合
    .collection("替换为你的父集合名")
    // 指定父集合下对应的文档ID
    .doc("替换为你要查询的父文档ID")
    // 再指向该文档下的Guests子集合
    .collection("Guests")
    .orderBy("Date", descending: true)
    .snapshots(),

其余数据解析、UI渲染逻辑不需要改动，即可正常读取子集合内的guestName等字段。

方案2：读取所有父文档下的全部Guests子集合（集合组查询） #

如果你不知道对应的父文档ID，需要查询所有位置下名为Guests的子集合数据，可以使用集合组查询：

注意：使用集合组查询前需要先在Firestore控制台为Guests集合的Date字段建立索引，运行时如果触发索引缺失报错，直接点击报错信息里的链接即可跳转控制台一键创建。

stream: Firestore.instance
    // 集合组查询，匹配所有名为Guests的集合（包括根集合、所有层级的子集合）
    .collectionGroup("Guests")
    .orderBy("Date", descending: true)
    .snapshots(),

body: CustomScrollView(
  slivers: [
    SliverPersistentHeader(pinned: true, delegate: SearchBoxDelegate()),
    StreamBuilder<QuerySnapshot>(
      // 👇替换这里的stream路径即可
      stream: Firestore.instance
          .collection("你的父集合名")
          .doc("你的父文档ID")
          .collection("Guests")
          .orderBy("Date", descending: true)
          .snapshots(),
      builder: (context, dataSnapshot) {
        return !dataSnapshot.hasData
            ? SliverToBoxAdapter(
                child: Center(
                  child: circularProgress(),
                ),
              )
            : SliverStaggeredGrid.countBuilder(
                crossAxisCount: 1,
                staggeredTileBuilder: (c) => StaggeredTile.fit(1),
                itemBuilder: (context, index) {
                  ItemModel model = ItemModel.fromJson(
                      dataSnapshot.data.documents[index].data);
                  return sourceInfo(model, context);
                },
                itemCount: dataSnapshot.data.documents.length,
              );
      },
    ),
  ],
),

// 字段读取逻辑保持不变
Container(
  child: Row(
    mainAxisSize: MainAxisSize.max,
    children: [
      Expanded(
        child: Text(
          model.guestName,
          style: TextStyle(
              color: Colors.black, fontSize: 14.0),
        ),
      ),
    ],
  ),
),

内容的提问来源于stack exchange，提问作者Zeyad Alhababi