Flutter Firestore中'[]'运算符定义问题：代码更新后运行报错如何解决？

• 该报错由cloud_firestore依赖升级到2.0及以上版本导致，该版本起全面适配Dart空安全规范，两处API行为发生变化：
  • snapshot.data本身变为可空类型，未做非空判断直接调用docs会触发编译/运行错误
  • DocumentSnapshot的data()方法返回值从Map<String, dynamic>变为Map<String, dynamic>?可空类型，未做非空处理直接取下标会报错

你可以参考如下修改后的代码，增加非空判断和异常兜底逻辑即可正常运行：

// 先增加snapshot状态判断，覆盖加载、报错场景的异常处理
if (!snapshot.hasData) {
  return const CircularProgressIndicator(); // 加载中占位组件可自行替换
}
if (snapshot.hasError) {
  return const Text('数据加载失败'); // 错误提示组件可自行替换
}
return ListView(
  scrollDirection: Axis.horizontal,
  children: snapshot.data!.docs.map((DocumentSnapshot document) {
    // 对document.data()做非空转换，确认数据存在再取值
    Map<String, dynamic> data = document.data()! as Map<String, dynamic>;
    return PopularShoesTiles(
      name: data['name'] ?? '未知名称',
      imageUrl: data['picture'] ?? '',
      size: data['size'] ?? 0,
      price: data['price'] ?? 0
    );
  }).toList(),
);

• 代码说明：
  • 用!非空断言操作符对确认非空的snaphot.data、document.data()做类型转换，消除可空标识
  • 用??操作符给每个字段配置默认兜底值，避免Firestore对应字段缺失时抛出空异常
• 如果你确认所有文档的字段一定全部存在，也可以简化为直接用document.data()!['name']这种写法，省略单独的data变量定义和默认值配置。

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