Flutter(九)Json序列化与反序列化(转Model)

在日常开发中JSON的序列化与反序列化是一个常见的操作;而Dart语言不支持反射,运行时反射会影响Dart的tree shaking(摇树优化),tree shaking可以“抖掉”不需要使用的代码,显著优化 App 的体积,所以Flutter中没有类似Gson这样的Json库,处理方法相比Kotlin或者Swift更为复杂和繁琐。

方式一: dart:convert (不推荐)

  • Flutter 有一个内置的 dart:convert 的库,这个库包含了一个简单的 JSON 编码器和解码器。
  • 使用fromJsontoJson实现序列化和反序列化
  • 全手写代码,在多人协作的团队中不建议使用
  • 官方文档

示例代码:

class User {
  final String name;
  final String email;

  User(this.name, this.email);

  User.fromJson(Map<String, dynamic> json)
      : name = json['name'],
        email = json['email'];

  Map<String, dynamic> toJson() => {
        'name': name,
        'email': email,
      };
}

方式二:json_serializable

  • Flutter官方提供了一个自动化源代码生成器json_serializable来生成 JSON 序列化数据模板
  • 依然需要大量的手写代码和编写映射逻辑,比方式一友好,但依然存在多人协作难以维护的问题。

使用代码生成库序列化 JSON 数据

方式三:Android Studio插件 (推荐)

  • 使用IDEA插件可以免去繁琐的配置和代码编写工作
  • 保证生成的代码的一致性,并降低维护难度
  • 适合多人协作

一、FlutterJsonBeanFactory(Only Null Safety)

使用方法

1、安装插件

搜索flutter,第二个插件就是。

2、在开发文件夹,右键选择JsonToDartBeanAction

3、根据页面提示填写信息

生成的代码:

import 'package:flutter_demo_library/generated/json/base/json_field.dart';
import 'package:flutter_demo_library/generated/json/user_model_entity.g.dart';
import 'dart:convert';

@JsonSerializable()
class UserModelEntity {

	int? id;
	String? name;
  
  UserModelEntity();

  factory UserModelEntity.fromJson(Map<String, dynamic> json) => $UserModelEntityFromJson(json);

  Map<String, dynamic> toJson() => $UserModelEntityToJson(this);

  @override
  String toString() {
    return jsonEncode(this);
  }
}

还会自动生成相关文件

4、修改后缀名

如果不需要Entiry做为后缀名,可以在AS的设置中修改:

5、字段维护

如果修改了entiry中的字段,只需在entiry文件中使用快捷键alt + j或者option + j,插件会自动重新生成文件

二、JsonToDart

使用方法与FlutterJsonBeanFactory,可以访问官网查看使用方法,这里不再介绍

posted @ 2022-10-26 15:45  柳云居士  阅读(1448)  评论(0编辑  收藏  举报