Flutter图标集生成插件icon_set_generator的使用

icon_set_generator 是一个用于生成 Flutter 图标集的插件，它可以帮助你从 SVG 文件生成 Flutter 可用的图标集。这个插件可以简化图标管理的过程，特别是当你需要处理大量自定义图标时。以下是使用 icon_set_generator 的基本步骤：

1. 安装 icon_set_generator

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

dev_dependencies:
  icon_set_generator: ^0.0.1

然后运行 flutter pub get 来获取依赖。

2. 准备 SVG 图标文件

将你需要生成图标集的 SVG 文件放入项目的 assets/icons 目录中（你可以根据需要更改目录名）。确保这些 SVG 文件是有效的。

3. 配置 icon_set_generator

在项目的根目录下创建一个 build.yaml 文件（如果还没有的话），并添加以下配置：

targets:
  $default:
    builders:
      icon_set_generator|icon_set_generator:
        generate_for:
          - assets/icons/*.svg

这个配置告诉 icon_set_generator 使用 assets/icons 目录下的所有 SVG 文件来生成图标集。

4. 生成图标集

运行以下命令来生成图标集：

flutter pub run build_runner build

这将生成一个 Dart 文件，通常位于 lib/icons.dart，其中包含了所有图标的 IconData 对象。

5. 使用生成的图标集

在生成的 icons.dart 文件中，你会发现一个类，例如 AppIcons，里面包含了所有图标的静态成员。你可以像下面这样使用这些图标：

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Icon Set Example'),
        ),
        body: Center(
          child: Icon(AppIcons.myIcon), // 使用生成的图标
        ),
      ),
    );
  }
}

6. （可选）自定义生成的文件名和类名

你可以在 build.yaml 中自定义生成的 Dart 文件名和类名。例如：

targets:
  $default:
    builders:
      icon_set_generator|icon_set_generator:
        generate_for:
          - assets/icons/*.svg
        options:
          output_file: 'lib/custom_icons.dart'
          class_name: 'CustomIcons'