在Flutter中，使用 json_serializable 和 json_serializable_ioc 插件可以帮助我们自动生成JSON序列化和反序列化代码，并且结合依赖注入（IoC）来管理对象的创建和生命周期。

1. 安装依赖

首先，你需要在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  flutter:
    sdk: flutter
  json_annotation: ^4.8.0

dev_dependencies:
  build_runner: ^2.3.3
  json_serializable: ^6.5.4
  json_serializable_ioc: ^1.0.0

然后运行 flutter pub get 来安装依赖。

2. 创建模型类

假设我们有一个 User 模型类，我们可以使用 json_serializable 来自动生成 JSON 序列化和反序列化代码。

import 'package:json_annotation/json_annotation.dart';

part 'user.g.dart';

@JsonSerializable()
class User {
  final int id;
  final String name;
  final String email;

  User({required this.id, required this.name, required this.email});

  factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);

  Map<String, dynamic> toJson() => _$UserToJson(this);
}

3. 生成序列化代码

使用 build_runner 来生成序列化代码。在终端中运行以下命令：

flutter pub run build_runner build

这将生成 user.g.dart 文件，其中包含 _$UserFromJson 和 _$UserToJson 方法。

4. 使用 json_serializable_ioc 进行依赖注入

json_serializable_ioc 插件可以帮助我们自动生成依赖注入代码。首先，我们需要在模型类上添加 @JsonSerializableIoc 注解。

import 'package:json_annotation/json_annotation.dart';
import 'package:json_serializable_ioc/json_serializable_ioc.dart';

part 'user.g.dart';

@JsonSerializable()
@JsonSerializableIoc()
class User {
  final int id;
  final String name;
  final String email;

  User({required this.id, required this.name, required this.email});

  factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);

  Map<String, dynamic> toJson() => _$UserToJson(this);
}

然后再次运行 build_runner 来生成依赖注入代码：

flutter pub run build_runner build

这将生成 user.ioc.dart 文件，其中包含依赖注入相关的代码。

5. 配置依赖注入容器

在Flutter应用中，你可以使用 json_serializable_ioc 生成的代码来配置依赖注入容器。例如：

import 'package:flutter/material.dart';
import 'package:json_serializable_ioc/json_serializable_ioc.dart';
import 'user.dart';

void main() {
  // 初始化依赖注入容器
  IoCContainer container = IoCContainer();
  container.registerSingleton<User>(() => User(id: 1, name: 'John Doe', email: 'john.doe@example.com'));

  runApp(MyApp(container: container));
}

class MyApp extends StatelessWidget {
  final IoCContainer container;

  MyApp({required this.container});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(container: container),
    );
  }
}

class MyHomePage extends StatelessWidget {
  final IoCContainer container;

  MyHomePage({required this.container});

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 从容器中获取 User 实例
    User user = container.resolve<User>();

    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo Home Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('User ID: ${user.id}'),
            Text('User Name: ${user.name}'),
            Text('User Email: ${user.email}'),
          ],
        ),
      ),
    );
  }
}