Flutter中如何从两个Firestore集合创建流展示用户收藏帖子？

嘿，我完全懂你现在的难处——第一次折腾Flutter和Firebase，还要处理跨集合的流，确实容易卡壳！别慌，咱们一步步拆解来解决这个问题。

核心思路其实很清晰：先拿到当前用户收藏的帖子ID列表（从users集合的savedPostingIDs数组里），再用这个列表去postings集合里匹配对应的帖子，而且还要保持实时更新的流状态。

第一步：获取用户收藏的帖子ID流 #

首先得监听当前用户的文档，实时拿到他的savedPostingIDs数组。这里要先处理用户未登录的情况，避免报错：

Stream<List<String>> _getSavedPostingIdsStream() {
  final currentUser = FirebaseAuth.instance.currentUser;
  // 如果用户没登录，直接返回空列表的流
  if (currentUser == null) {
    return Stream.value([]);
  }
  // 监听用户文档的变化，提取savedPostingIDs数组
  return FirebaseFirestore.instance
      .collection('users')
      .doc(currentUser.uid)
      .snapshots()
      .map((userDoc) {
        // 处理文档不存在或者字段为空的情况
        return List<String>.from(userDoc.data()?['savedPostingIDs'] ?? []);
      });
}

第二步：用收藏ID流获取对应的帖子流 #

接下来要把上面的ID流转换成帖子流，这里需要用到switchMap——它能在ID列表更新时，自动切换到新的帖子查询流，保证数据实时同步：

Stream<List<DocumentSnapshot>> _getSavedPostingsStream() {
  return _getSavedPostingIdsStream().switchMap((savedIds) {
    // 如果没有收藏的帖子，返回空列表
    if (savedIds.isEmpty) {
      return Stream.value([]);
    }
    // 注意：Firestore的whereIn最多支持10个元素，如果收藏超过10个，需要分批查询
    return FirebaseFirestore.instance
        .collection('postings')
        .where(FieldPath.documentId, whereIn: savedIds)
        .snapshots()
        .map((snapshot) => snapshot.docs);
  });
}

第三步：在UI里使用这个流 #

最后把这个流放到StreamBuilder里，就能实时渲染用户的收藏帖子了：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('我的收藏')),
    body: StreamBuilder<List<DocumentSnapshot>>(
      stream: _getSavedPostingsStream(),
      builder: (context, snapshot) {
        // 加载中状态
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(child: CircularProgressIndicator());
        }
        // 出错状态
        if (snapshot.hasError) {
          return Center(child: Text('加载失败：${snapshot.error}'));
        }
        // 拿到收藏的帖子列表
        final savedPostings = snapshot.data ?? [];
        // 空状态
        if (savedPostings.isEmpty) {
          return const Center(child: Text('还没有收藏任何帖子'));
        }
        // 渲染列表
        return ListView.builder(
          itemCount: savedPostings.length,
          itemBuilder: (context, index) {
            final postingData = savedPostings[index].data() as Map<String, dynamic>;
            return ListTile(
              title: Text(postingData['title'] ?? '无标题'),
              subtitle: Text(postingData['type'] ?? '无分类'),
              // 根据你的需求添加更多UI元素
            );
          },
        );
      },
    ),
  );
}

小提醒 #

这里有个Firestore的限制：whereIn最多只能传入10个ID。如果你的用户可能收藏超过10个帖子，后续可以考虑分批查询然后合并结果，不过先把基础功能跑通再说～

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