component_save_generator 是一个 Flutter 插件，旨在帮助开发者自动生成保存和加载组件状态的代码。这个插件可以减少手动编写样板代码的工作量，提高开发效率。以下是如何使用 component_save_generator 插件的步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 component_save_generator 插件的依赖。

dependencies:
  flutter:
    sdk: flutter
  component_save: ^1.0.0

dev_dependencies:
  build_runner: ^2.1.0
  component_save_generator: ^1.0.0

2. 创建需要保存状态的组件

假设你有一个 MyComponent 组件，并且你希望保存和加载它的状态。

import 'package:flutter/material.dart';
import 'package:component_save/component_save.dart';

part 'my_component.g.dart'; // 自动生成的文件

@GenerateSave
class MyComponent extends StatefulWidget {
  final String initialText;

  MyComponent({required this.initialText});

  @override
  _MyComponentState createState() => _MyComponentState();
}

class _MyComponentState extends State<MyComponent> with SaveableState<MyComponent> {
  late String _text;

  @override
  void initState() {
    super.initState();
    _text = widget.initialText;
  }

  void _updateText(String newText) {
    setState(() {
      _text = newText;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(_text),
        TextField(
          onChanged: _updateText,
        ),
      ],
    );
  }

  @override
  Map<String, dynamic> toJson() {
    return {
      'text': _text,
    };
  }

  @override
  void fromJson(Map<String, dynamic> json) {
    _text = json['text'];
  }
}

3. 运行代码生成器

在终端中运行以下命令来生成代码：

flutter pub run build_runner build

这将生成 my_component.g.dart 文件，其中包含保存和加载状态的代码。

4. 使用生成的代码

生成的代码将包含 MyComponentState 的保存和加载逻辑。你可以在需要的时候调用 saveState() 和 loadState() 方法来保存和加载组件的状态。

import 'package:flutter/material.dart';
import 'my_component.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Component Save Example'),
        ),
        body: MyComponent(initialText: 'Hello, World!'),
      ),
    );
  }
}

void main() => runApp(MyApp());

5. 保存和加载状态

你可以在适当的地方调用 saveState() 和 loadState() 方法来保存和加载组件的状态。

void saveComponentState() {
  final state = _MyComponentState();
  final json = state.toJson();
  // 保存 json 到本地存储或数据库
}

void loadComponentState() {
  final state = _MyComponentState();
  final json = // 从本地存储或数据库加载 json
  state.fromJson(json);
}