Flutter中用户首次登录时Firestore返回空值该如何处理

• 你写的空值校验只有判断条件，没有在判断命中后直接返回占位组件，逻辑会继续向下执行后续的渲染代码，此时需要读取的业务字段还未初始化，自然为null
• 没有覆盖Stream的加载中状态，snapshot在等待Firestore返回数据的阶段hasData为false，你没有在这个阶段返回加载中组件，也会导致后续逻辑拿空值运算
• 就算文档存在，也需要单独校验要读取的数值字段是否为null，避免字段未写入的场景

完善builder的校验逻辑，每个分支都明确返回对应组件：

builder: (BuildContext context, AsyncSnapshot<DocumentSnapshot> snapshot) {
  // 先处理加载中状态
  if (snapshot.connectionState == ConnectionState.waiting) {
    return const Center(child: CircularProgressIndicator());
  }
  // 处理无数据/文档不存在的场景
  if (!snapshot.hasData || !snapshot.data!.exists) {
    // 这里返回新用户的空态组件，可替换为你业务需要的引导添加内容的控件
    return const Center(child: Text("暂无数据，点击添加第一条内容"));
  }
  // 拿到文档数据后先做字段空校验
  final docData = snapshot.data!.data() as Map<String, dynamic>?;
  // 把「你要读取的数值字段名」替换成实际的业务字段key，空值默认给0兜底
  final targetNum = docData?['你要读取的数值字段名'] ?? 0;
  // 后续就可以安全运算
  final result = targetNum / 60;
  // 剩下的GridView渲染逻辑
  return GridView(...);
}

• 所有涉及从Firestore读取字段做运算的逻辑，都要加默认值兜底，避免字段未写入时的空值调用
• 空态组件可以根据你的业务需求替换成引导操作的按钮，引导新用户写入第一条数据

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