Flutter 中如何使用 json_serializable？

推荐答案

在 Flutter 中使用 json_serializable 可以通过以下步骤实现：

1. 添加依赖：在 pubspec.yaml 文件中添加 json_serializable 和 json_annotation 依赖。

   dependencies:
     flutter:
       sdk: flutter
     json_annotation: ^4.8.0
   
   dev_dependencies:
     build_runner: ^2.3.3
     json_serializable: ^6.6.1

2. 创建模型类：定义一个模型类，并使用 @JsonSerializable() 注解标记。

   -- -------------------- ---- -------
   ------ -----------------------------------------------
   
   ---- --------------
   
   -------------------
   ----- ---- -
     ----- ------ -----
     ----- --- ----
   
     -------------- ---------- -------- -----------
   
     ------- ------------------------- -------- ----- -- ---------------------
     ----------- -------- -------- -- -------------------
   -

3. 生成代码：运行 build_runner 生成序列化和反序列化代码。

   flutter pub run build_runner build

4. 使用生成的代码：在代码中使用生成的 fromJson 和 toJson 方法。

   void main() {
     final user = User(name: 'John', age: 30);
     final userJson = user.toJson();
     print(userJson);
   
     final userFromJson = User.fromJson(userJson);
     print(userFromJson.name);
   }

本题详细解读

1. 添加依赖

json_serializable 是一个代码生成库，用于自动生成 JSON 序列化和反序列化代码。为了使用它，需要在 pubspec.yaml 文件中添加 json_annotation 作为主依赖，以及 json_serializable 和 build_runner 作为开发依赖。

2. 创建模型类

在定义模型类时，使用 @JsonSerializable() 注解标记类。这个注解告诉 json_serializable 为该类生成序列化和反序列化代码。part 'user.g.dart'; 语句用于引入生成的代码文件。

3. 生成代码

运行 flutter pub run build_runner build 命令后，json_serializable 会生成 user.g.dart 文件，其中包含 _$UserFromJson 和 _$UserToJson 方法。这些方法用于将 JSON 数据转换为 Dart 对象，以及将 Dart 对象转换为 JSON 数据。

4. 使用生成的代码

在代码中，可以通过 User.fromJson 方法将 JSON 数据转换为 User 对象，通过 User.toJson 方法将 User 对象转换为 JSON 数据。这种方式大大简化了 JSON 数据的处理过程，减少了手动编写序列化和反序列化代码的工作量。

通过以上步骤，你可以在 Flutter 中轻松使用 json_serializable 来处理 JSON 数据。