Flutter使用StreamBuilder读取Firestore数据出现空类型与布局溢出错误

问题1：Null类型报错修复 #

核心原因是你定义Firestore数据流时，doc()方法没有传入目标文档ID，该方法不传参时会自动生成随机的新文档ID，导致你请求的是不存在的空文档，读取字段时自然返回Null。
修复步骤：

• 确认你Personal details集合下存储用户详情的文档ID，建议存个人详情时直接使用用户UID作为文档ID，修改流定义代码：

final Stream<DocumentSnapshot<Map<String, dynamic>>> db =
    FirebaseFirestore.instance
    .collection('users')
    .doc(uid)
    .collection('Personal details')
    .doc(uid) // 填入你实际的详情文档ID，这里示例用和用户uid一致的ID
    .snapshots();

• 增加空值兼容逻辑，读取字段时增加默认值，避免空类型异常：

// StreamBuilder内部获取数据的逻辑替换为
if (!snapshot.data!.exists) {
  return const Text('暂无数据');
}
Map<String, dynamic> data = snapshot.data!.data() as Map<String, dynamic>;
return Text(data['First name'] ?? '未设置');

问题2：Row溢出报错修复 #

原因是Row内的Text组件没有宽度限制，当文本长度超出剩余可用空间时就会触发溢出。只需要给StreamBuilder外层套一层Expanded组件，自动占用Row剩余空间，文本过长时会自动换行：

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: [
    const Text('First name'),
    const SizedBox(width: 40),
    Expanded( // 新增Expanded包裹
      child: StreamBuilder<DocumentSnapshot>(
        // 原有StreamBuilder逻辑不变
      ),
    )
  ]
)

所有展示姓名的Row都需要做相同的Expanded包裹处理。

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