Flutter StreamBuilder返回错误标题：如何仅显示选中文档的标题？

问题所在 #

你的代码会遍历集合中所有文档，提取每个文档里activities数组的标题并展示，所以最终会返回全量文档的标题内容，而非你指定的特定文档（如lkjn、99okkj）的标题。

解决步骤 #

1. 明确目标文档的标识 #

首先确认你要展示的文档对应的Firebase唯一documentID（即lkjn和99okkj）。

2. 筛选目标文档 #

有两种实现方式，按需选择：

方式一：在查询阶段过滤（推荐，减少无效数据传输）

直接在Firestore查询时仅获取目标文档：

StreamBuilder(
  stream: Firestore.instance
      .collection(widget.user.uid)
      // 只查询指定documentID的文档
      .where(FieldPath.documentId, whereIn: ['lkjn', '99okkj'])
      .orderBy('date', descending: true)
      .snapshots(),
  builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
      return const Center(child: CircularProgressIndicator());
    }

    if (snapshot.hasData) {
      return ListView(
        shrinkWrap: true,
        children: snapshot.data.documents.map((document) {
          final activities = document.data["activities"] as List;
          List titles = activities.map((e) => e["title"]).toList();

          return Center(
            child: Container(
              width: MediaQuery.of(context).size.width / 1.2,
              height: MediaQuery.of(context).size.height / 6,
              child: Text("Title: $titles"),
            ),
          );
        }).toList(),
      );
    }

    return const Text("no data");
  },
)

方式二：在Builder阶段过滤

若需要保留完整数据流，可在遍历文档时筛选目标内容：

StreamBuilder(
  stream: Firestore.instance
      .collection(widget.user.uid)
      .orderBy('date', descending: true)
      .snapshots(),
  builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
      return const Center(child: CircularProgressIndicator());
    }

    if (snapshot.hasData) {
      // 定义要展示的目标文档ID列表
      const targetDocIds = ['lkjn', '99okkj'];
      // 过滤出仅目标文档
      final targetDocs = snapshot.data.documents.where((doc) => targetDocIds.contains(doc.documentID)).toList();

      return ListView(
        shrinkWrap: true,
        children: targetDocs.map((document) {
          final activities = document.data["activities"] as List;
          List titles = activities.map((e) => e["title"]).toList();

          return Center(
            child: Container(
              width: MediaQuery.of(context).size.width / 1.2,
              height: MediaQuery.of(context).size.height / 6,
              child: Text("Title: $titles"),
            ),
          );
        }).toList(),
      );
    }

    return const Text("no data");
  },
)

3. 注意事项 #

• 确保lkjn和99okkj是集合中真实存在的文档ID，拼写、大小写需完全匹配；
• 若为动态选中的文档，将targetDocIds替换为动态获取的选中ID列表即可。

内容的提问来源于stack exchange，提问作者Mat Koffman