Flutter Firebase动态获取数据失败：StreamBuilder无数据显示排查

看起来你遇到的问题主要出在数据获取的Stream逻辑和StreamBuilder的数据处理两个方面，我来帮你一步步排查修复：

1. 核心问题：Stream获取数据的逻辑错误 #

你的DatabaseService里的userData Stream存在两个关键问题：

• 调用document()时没有传入文档ID，这会生成一个全新的空文档引用，而不是指向Firebase中已有的数据；
• 集合名称不匹配：你提到数据路径是User/uid/VaccineAdministered，但代码里写的是'Vaccine Administered'（带空格），Firebase的集合名称是大小写和空格敏感的，这会导致找不到正确的集合。

另外，从你的展示代码来看，你需要展示的是多个疫苗记录，所以应该监听集合的快照，而不是单个文档的快照。

2. 修复后的DatabaseService代码 #

class DatabaseService {
  final String uid;
  DatabaseService({this.uid});

  // 确保集合名称和Firebase中的完全一致：VaccineAdministered（无空格）
  final CollectionReference userCollection = Firestore.instance.collection('User');

  // 返回Stream<List<UserData>>，因为我们要获取集合中的多个文档
  Stream<List<UserData>> get userData {
    return userCollection
        .document(uid)
        .collection('VaccineAdministered')
        .snapshots()
        .map(_userDataListFromSnapshot);
  }

  // 将集合快照转换为UserData列表
  List<UserData> _userDataListFromSnapshot(QuerySnapshot snapshot) {
    return snapshot.documents.map((doc) {
      // 用??运算符处理字段为null的情况，避免崩溃
      return UserData(
        uid: uid,
        name: doc.data['name'] ?? '',
        vaccineName: doc.data['vaccine given'] ?? '',
      );
    }).toList();
  }
}

3. 修复后的StreamBuilder代码 #

原代码中你把单个UserData对象当成列表处理（用snapshot.data.length），这会导致逻辑错误。修复后我们处理的是List<UserData>，同时增加了加载状态和错误处理：

class _VaccBodyState extends State<VaccBody> {
  @override
  Widget build(BuildContext context) {
    final user = Provider.of<User>(context);
    
    return StreamBuilder<List<UserData>>(
      // 指定泛型，让代码更清晰，避免类型转换问题
      stream: DatabaseService(uid: user.uid).userData,
      builder: (context, snapshot) {
        // 处理错误情况
        if (snapshot.hasError) {
          return Center(child: Text('加载出错：${snapshot.error}'));
        }

        // 根据连接状态显示不同UI
        switch (snapshot.connectionState) {
          case ConnectionState.waiting:
            return Center(child: CircularProgressIndicator()); // 加载中
          default:
            // 判断列表是否为空
            if (snapshot.data.isEmpty) {
              return Center(child: Text('No data'));
            }
            
            // 渲染疫苗记录列表
            return ListView.builder(
              itemCount: snapshot.data.length,
              itemBuilder: (context, index) {
                final vaccineRecord = snapshot.data[index];
                return ListTile(
                  title: Text(vaccineRecord.name),
                  subtitle: Text('疫苗：${vaccineRecord.vaccineName}'),
                );
              },
            );
        }
      },
    );
  }
}

额外建议 #

• 检查Firebase中的数据路径：确保User集合下存在对应uid的文档，且该文档下有VaccineAdministered集合，集合中的文档包含name和vaccine given字段；
• 可以在Firebase控制台的“规则”页面，确保当前用户有读取User/{uid}/VaccineAdministered的权限，权限不足也会导致获取不到数据。

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