将 Firebase 数据转换为 Dart Pojo 类的正确方法

---

本文介绍了如何将从 Firebase 读取的数据转换为 Dart 中的 Pojo (Plain Old J*a Object) 类，解决 `CartItem.fromJson` 方法在转换 Firebase 数据时出现空值问题的方案。通过示例代码展示了 `fromJson` 工厂方法的正确写法，并强调了数据类型匹配的重要性，确保数据能够成功地从 Firebase 转换为 Dart 对象。

理解 Firebase 数据与 Dart 对象转换

从 Firebase 读取数据时，数据通常以 Map 的形式存在。 要将其转换为 Dart 对象，我们需要创建一个 fromJson 工厂方法，该方法接收这个 Map 作为输入，并返回一个对象实例。 关键在于确保 Map 中的键与 Dart 类的属性名匹配，并且数据类型正确。

解决空值问题

从问题描述来看，company 属性在转换后变成了 null。 这通常是由于以下几个原因造成的：

1. Firebase 中的 company 字段本身就是 null。
2. fromJson 方法中对 company 字段的处理不正确。
3. _product 变量包含嵌套的对象，而不是扁平化的数据。

首先，你需要检查 Firebase 中的数据，确认 company 字段是否存在且不为 null。 如果字段存在且有值，那么问题可能出在 fromJson 方法上。

正确的 fromJson 工厂方法写法

以下是一个更健壮的 fromJson 工厂方法示例，它可以处理空值和类型转换：

class CartItem {
  String? id;
  String? title;
  int? quantity;
  double? price;
  String? company;
  String? model;

  CartItem({
    this.id,
    this.title,
    this.quantity,
    this.price,
    this.company,
    this.model,
  });

  factory CartItem.fromJson(Map<String, dynamic> json) {
    return CartItem(
      id: json['id'] as String?,
      title: json['title'] as String?,
      quantity: json['quantity'] as int?,
      price: (json['price'] as num?)?.toDouble(), // 处理 price 为 null 的情况并转换为 double
      company: json['company'] as String?,
      model: json['model'] as String?,
    );
  }
}

代码解释:

Jaaz

开源的AI设计智能体

216 查看详情

• 类型转换: 使用 as String? 和 as int? 进行类型转换，允许字段为 null。
• 空值处理: 对于 price 字段，使用了 (json['price'] as num?)?.toDouble()。这表示如果 json['price'] 为 null，则整个表达式的结果也为 null，避免了空指针异常。如果 json['price'] 存在，则将其转换为 double。
• num? 的使用: 使用 num? 作为中间类型，可以同时兼容 int 和 double 类型，然后再使用 toDouble() 转换为 double。这使得代码更灵活，可以处理 Firebase 中可能出现的不同数字类型。

确保数据结构正确

在将 Firebase 数据传递给 fromJson 方法之前，请确保 _product 变量包含的是扁平化的数据，而不是嵌套的对象。 检查 docSnapshot.data() 的输出，确认其结构是否符合预期。

如果 _product 包含嵌套的对象，你需要先提取出所需的数据，然后再传递给 fromJson 方法。

示例代码

以下是一个完整的示例，展示了如何从 Firebase 读取数据并将其转换为 CartItem 对象：

import 'package:cloud_firestore/cloud_firestore.dart';

class CartItem {
  String? id;
  String? title;
  int? quantity;
  double? price;
  String? company;
  String? model;

  CartItem({
    this.id,
    this.title,
    this.quantity,
    this.price,
    this.company,
    this.model,
  });

  factory CartItem.fromJson(Map<String, dynamic> json) {
    return CartItem(
      id: json['id'] as String?,
      title: json['title'] as String?,
      quantity: json['quantity'] as int?,
      price: (json['price'] as num?)?.toDouble(),
      company: json['company'] as String?,
      model: json['model'] as String?,
    );
  }
}

void main() async {
  // 初始化 Firebase (确保已配置 Firebase)
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();

  CollectionReference collectionRef = FirebaseFirestore.instance.collection('your_collection'); // 替换为你的集合名称

  collectionRef.get().then(
    (querySnapshot) {
      print("All Orders");
      for (var docSnapshot in querySnapshot.docs) {
        var _product = docSnapshot.data();
        CartItem cartItem = CartItem.fromJson(_product);
        print(cartItem.company); // 打印 company 属性
      }
    },
    onError: (e) => print("Error completing: $e"),
  );
}

注意事项:

• 确保你已经正确配置了 Firebase，并且已经添加了 cloud_firestore 依赖。
• 将 'your_collection' 替换为你的 Firebase 集合名称。
• 在 main() 函数中，你需要使用 WidgetsFlutterBinding.ensureInitialized() 和 Firebase.initializeApp() 来初始化 Firebase。

总结

将 Firebase 数据转换为 Dart 对象需要仔细处理数据类型和空值。 通过使用正确的 fromJson 工厂方法，并确保数据结构正确，你可以成功地将 Firebase 数据转换为 Dart 对象，并在你的应用程序中使用它们。 记住，在调试过程中，始终检查 Firebase 中的数据，以确认其结构和内容是否符合预期。

以上就是将 Firebase 数据转换为 Dart Pojo 类的正确方法的详细内容，更多请关注其它相关文章！

# 的是  # 脑白金市场推广的营销  # 左旗网站优化推荐  # 攀枝花网络营销推广方法  # 家具门店怎么做seo  # 丽水关键词排名怎么处理  # seo.sem解释  # 东三省百度推广营销托管  # 看剧网站建设游戏  # 招聘外贸网站建设方案  # 马渚外贸网站推广  # 扁平化  # 而不是  # java  # 是否符合  # 然后再  # 是一个  # 表单  # 自定义  # 数据结构  # 转换为  # ai  # app  # json  # js 

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 优化推广96088 】 【 技术知识133117 】 【 IDC资讯59369 】 【 网络运营7196 】 【 IT资讯61894 】

相关推荐： 掌握产品代码正则表达式：避免常见陷阱与精确匹配  J*aScript中高效处理用户输入：从Keyup事件到表单提交的优化实践  FotoBalloon图片左右镜像教程  知音漫客官网首页入口_知音漫客热门漫画推荐  抖音网页版官方链接 抖音网页版官网链接入口  PySimpleGUI中实现键盘按键与按钮事件绑定教程  Win11怎么录屏_Windows 11自带Xbox Game Bar录制视频  重返未来：1999卡戎全方位攻略  ToDesk远程摄像头功能使用方法_ToDesk远程视频画面查看设置教程  yy漫画登录页面官方入口_yy漫画在线阅读网址入口  word文档中的分隔符有哪些不同类型和用途_Word分隔符类型与用途方法  苹果手机如何清理系统缓存数据 iPhone非越狱清理垃圾文件的技巧【系统优化】  如何在CSS中设置背景图像：一个全面指南  《淘宝联盟》推广自己的店铺方法  J*aScript 数值去小数位处理：多种方法与实践  Excel如何快速合并单元格内容_Excel文本合并与函数操作技巧  纯CSS实现滚动时动态时间轴线条颜色填充效果  苹果自助维修计划支持哪些设备机型  蜻蜓FM如何设置移动流量播放  淘口令快速解析技巧  mysql如何回滚事务_mysql ROLLBACK事务回滚方法  《杖剑传说》食谱大全  《米姆米姆哈》米姆获取及技能攻略  利用Flexbox实现图片元素的二维布局：2x2网格排列指南  QQ网页版入口导航 QQ网页版在线访问通道  J*aScript事件处理：优化键盘输入与表单提交的实践指南  mail.qq.com登录入口 QQ邮箱网页版直达  虫虫助手如何更新游戏  《糖豆》添加舞曲方法  Golang如何测试结构体方法_Golang reflect方法测试与调用技巧  荣耀 Magic10 Pro 系统更新提示失败_荣耀 Magic10 Pro 升级修复  mysql中如何分析索引使用情况_mysql索引使用分析方法  J*aScript与CSS动画：实现平滑顺序淡入淡出效果并解决显示冲突  qq邮箱怎么注册_QQ邮箱注册步骤与注意事项  腾讯QQ邮箱官方入口 QQ邮箱网页版登录平台  win11怎么更改账户类型 Win11标准用户和管理员权限切换【教程】  CSS如何控制元素外边距_margin实现布局间隔  Excel怎么用XLOOKUP函数实现双向查找_ExcelXLOOKUP替代VLOOKUP+HLOOKUP的高级用法  附近酒吧怎么找？  J*aScript包管理器_Npm与Yarn对比  智慧团建活动报名入口 智慧团建活动报名入口手机端官网​  Keras中Convolution2D层及其核心辅助层详解  抄漫画官网防走失地址_抄漫画最新漫画完整版阅读入口  TikTok笔记文字无法编辑如何解决 TikTok笔记文字编辑优化方法  解决Windows上Composer PATH变量冲突导致的命令无法识别问题  Yandex俄罗斯搜索引擎官网入口 Yandex网页端直接访问  小红书网页版首页入口 小红书网页版电脑端官方登录链接  《密马》发布账号方法  React应用中Commerce.js数据加载与状态管理最佳实践  支付宝登录刷脸不是本人如何解决 

 2025-10-29