Flutter模型与json的相互转换

最近遇到了需要将模型信息转换为json文件，并保存在本地，后续会根据json文件转换成对应的模型。在实践的过程中踩到了一些坑点下面一一和大家分享。

颜色色值不要使用16进制整型存储

flutter中颜色色值的表示使用16进制的整型数字，但是将16进制的整型数字存储到json的时候会被自动转换成10进制的数字，在后续阶段json转模型会比较麻烦。这里和大家分享一个第三方库hexcolor ，直接使用16进制字符串来初始化颜色Color。因此我们在将颜色色值存储到json的时候，可以将16进制的字符串存储进去。

嵌套类型如何处理

嵌套类型，刚开始接触的时候也是一脸懵，后来在fromJson，toJson这两个方法中，对应的调用一下fromJson，toJson就可以了。具体示例如下：

factory LedConfigModel.fromJson(Map<String,dynamic> json){return LedConfigModel()..text = json['text'] as String..isMirror = json['isMirror'] as bool..isBlod = json['isBlod'] as bool..isItalic = json['isItalic'] as bool..isLeftToRight = json['isLeftToRight'] as bool..textColor = json['textColor']..textColors = json['textColors']..bgColor = json['bgColor']..bgColors = json['bgColors']..bgImagePath = json['bgImagePath'] as String?..bgVideo = (json['bgVideo'] != null)?JKVideoModel.fromJson(json['bgVideo']):null // 这里是嵌套模型..fontSize = json['fontSize'] as double..fontFamily = json['fontFamily'] as String..speed = json['speed'] as double..fontEffect = JKFontEffect.values[json['fontEffect']]..scrollDirecton = Axis.values[json['scrollDirecton']]..borderEffect = JKBorderEffect.values[json['borderEffect']]..backgroundMode = JKBackgroundMode.values[json['backgroundMode']];}Map<String, dynamic> toJson(){LedConfigModel instance = this;return <String, dynamic>{'text': instance.text,'isMirror': instance.isMirror,'isBlod': instance.isBlod,'isItalic': instance.isItalic,'isLeftToRight': instance.isLeftToRight,'textColor': instance.textColor,'textColors': instance.textColors,'bgColor': instance.bgColor,'bgColors': instance.bgColors,'bgImagePath': instance.bgImagePath,'JKVideoModel': instance.bgVideo?.toJson(),//这里是嵌套模型'fontSize': instance.fontSize,'fontFamily': instance.fontFamily,'speed': instance.speed,'fontEffect': instance.fontEffect.index,'scrollDirecton': instance.scrollDirecton.index,'borderEffect': instance.borderEffect.index,'backgroundMode': instance.backgroundMode.index,};}

枚举类型如何处理

将枚举值保存到json中，我这边是以数字的形式进行存储。json转模型的时候，将数字恢复成相应的枚举值。具体示例如下：

######
其中红色框标记出来的就是数字转枚举值，以及枚举值转数字。具体参考的博客如下：Dart 枚举原始值指定问题及原始值与枚举值转换问题

其他

在使用模型与json相互转换的时候。给大家推荐一下个三方库，json_model。

Flutter模型与json的相互转换相关推荐

Flutter开发之JSON及序列化（29）
本文介绍了使用JSON的两个常规策略: 手动序列化和反序列化通过代码生成自动序列化和反序列化不同的项目具有不同的复杂度和场景.对于较小项目,使用代码生成器可能会过度.对于具有多个JSON mode ...
文档模型（JSON）使用介绍
2019独角兽企业重金招聘Python工程师标准>>> 一.背景 E.F.Codd在1970年首次提出了数据库系统的关系模型,从此开创了数据库关系方法和关系数据理论的研究,为数据库技 ...
7. Jackson用树模型处理JSON是必备技能，不信你看
每棵大树,都曾只是一粒种子.本文已被 https://www.yourbatman.cn 收录,里面一并有Spring技术栈.MyBatis.JVM.中间件等小而美的专栏供以免费学习.关注公众号[BA ...
JS对象和JSON的相互转换方法
JS对象和JSON的相互转换方法一个复杂的js对象 //json要求和js对象是一样的,只不过key必须是字符串//js对象在声明的时候是否加双引号是可以选择的var student = {last ...
flutter解析本地json数组
解析如下代码:如果不知道如何添加本地json的,可以看我另外一篇文章flutter 解析本地json rootBundle.loadString("images/list.json" ...
【Flutter】JSON 模型转换 ( JSON 序列化工具 | JSON 手动序列化 | 根据 JSON 编写 Dart 模型类 | 在线自动根据 JSON 转换 Dart 类 )
文章目录一.JSON 序列化工具二.JSON 手动序列化三.根据 JSON 编写 Dart 模型类四.在线自动转换五.相关资源一.JSON 序列化工具 JSON 格式比较简单的话 , 使用 ...
技术图文：如何实现 DataTable 与模型类 List 的相互转换？
通常情况下,我们在做工程项目的时候,需要把待处理的数据存储在数据库中. 通过 SQL 的 Select 语句很容易把查询的结果以 DataTable 的方式得到,但在对 DateTable 中的数据进 ...
Flutter开发之JSON解析
对于JSON格式的数据交互,想必大家不会陌生.JSON(全称JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式,JSON因为具有易于人阅读和编写,同时 ...
Flutter实战——Map Json Object对象转换
最近在写Flutter代码,发现iOS侧使用的是字典类型(Map),而我们Android使用的是对象类型. 数据类型完全不同,这可咋整? 于是研究了一下Map相关的Json转换,希望能帮助到大家本篇 ...

Flutter模型与json的相互转换

颜色色值不要使用16进制整型存储

嵌套类型如何处理

枚举类型如何处理

其他

Flutter模型与json的相互转换相关推荐

最新文章

热门文章