使用Snapshot时如何将缺失字段显示为空白/Null？解决类型转换报错

错误根源是data["type_of_bunny"]可能返回null，而Dart里字符串拼接不允许直接将null与String类型拼接，因此需要处理null值场景，以下是几种可行方案：

• 方案一：使用空值合并运算符（推荐）
  直接将null替换为你想要展示的内容（空字符串或"Null"）：

  final data = snapshot.data!.data() as Map<String?, dynamic?>;
  return Column(
    children: [
      Text("Bunny: " + (data["type_of_bunny"] ?? "")), // 显示空白
      // 或者显示"Null"
      // Text("Bunny: " + (data["type_of_bunny"] ?? "Null")),
    ],
  );
  

• 方案二：检查字段是否存在后处理
  先判断Map中是否包含目标字段，再决定展示内容，适合需要区分"字段不存在"和"字段值为null"的场景：

  final data = snapshot.data!.data() as Map<String?, dynamic?>;
  return Column(
    children: [
      Text("Bunny: " + (data.containsKey("type_of_bunny") ? data["type_of_bunny"].toString() : "")),
    ],
  );
  

• 方案三：使用toString()处理（注意输出）
  如果可以接受null被转为字符串"null"，可以直接调用toString()：

  final data = snapshot.data!.data() as Map<String?, dynamic?>;
  return Column(
    children: [
      Text("Bunny: " + (data["type_of_bunny"]?.toString() ?? "")),
    ],
  );
  

  这里用?.确保如果值为null时不会调用toString()，再用??替换为空字符串。

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