需要访问2个集合的Flutter、Firestore和FutureBuilder_如何使用Dart从Flutter中的Firestore子集合中访问和获取数据？_在Flutter中循环访问集合中的Firestore文档时为空值 - 腾讯云开发者社区

需要访问2个集合的Flutter、Firestore和FutureBuilder

基础概念

Flutter 是一个开源的UI软件开发工具包，用于构建跨平台的应用程序，包括iOS、Android、Web和桌面应用程序。

Firestore 是Google Firebase提供的一种NoSQL文档数据库，它提供了实时数据同步功能，非常适合移动和Web应用程序。

FutureBuilder 是Flutter中的一个Widget，用于异步构建UI。它允许你在数据加载时显示一个加载指示器，并在数据加载完成后显示实际的数据。

类型

Flutter 是一个框架。
Firestore 是一种数据库服务。
FutureBuilder 是一个Flutter Widget。

应用场景

Flutter 可用于开发任何需要跨平台的应用程序。
Firestore 适用于需要实时数据更新的应用，如聊天应用、协作工具等。
FutureBuilder 适用于任何需要从异步操作（如网络请求）获取数据并更新UI的场景。

示例代码

假设我们有两个集合 users 和 posts 在 Firestore 中，我们想要显示用户的帖子。我们可以使用 FutureBuilder 来实现这一点。

import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';

class UserPosts extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('User Posts'),
      ),
      body: StreamBuilder<QuerySnapshot>(
        stream: FirebaseFirestore.instance
            .collection('users')
            .doc('userId') // 替换为实际的用户ID
            .collection('posts')
            .snapshots(),
        builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
          if (snapshot.hasError) {
            return Text('Something went wrong');
          }

          if (snapshot.connectionState == ConnectionState.waiting) {
            return Center(child: CircularProgressIndicator());
          }

          return ListView(
            children: snapshot.data!.docs.map((DocumentSnapshot document) {
              Map<String, dynamic> data = document.data() as Map<String, dynamic>;
              return ListTile(
                title: Text(data['title']),
                subtitle: Text(data['content']),
              );
            }).toList(),
          );
        },
      ),
    );
  }
}