flutter如何使用fluttergen生成资源文件

在Flutter项目中，如何使用fluttergen工具自动生成资源文件（如图片、字体等）的引用代码？是否需要额外配置？生成的代码结构是怎样的？能否自定义生成路径或格式？使用时有哪些常见注意事项？

2 回复

在Flutter项目根目录执行：

fluttergen -c pubspec.yaml

需先安装fluttergen：

dart pub global activate fluttergen

执行后自动生成lib/gen/assets.dart，可直接引用资源路径。

更多关于flutter如何使用fluttergen生成资源文件的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中使用 fluttergen 可以自动生成资源文件的引用代码，避免手动输入路径错误，提高开发效率。以下是具体步骤：

1. 安装 fluttergen

在项目的 pubspec.yaml 中添加 flutter_gen_runner 作为开发依赖：

dev_dependencies:
  flutter_gen_runner: ^5.4.0

然后在终端运行：

flutter pub get

2. 配置 pubspec.yaml

确保资源文件已在 pubspec.yaml 中正确声明。例如：

flutter:
  assets:
    - assets/images/
    - assets/icons/
  fonts:
    - family: MyFont
      fonts:
        - asset: assets/fonts/MyFont-Regular.ttf

3. 生成资源文件代码

运行以下命令生成资源类：

flutter packages pub run build_runner build

或使用监听模式（文件变化时自动重新生成）：

flutter packages pub run build_runner watch

4. 使用生成的资源

生成的文件默认位于 lib/gen/ 目录。例如：

  • 图片资源：Assets.images.logo.path 或 Assets.images.logo.image()
  • 字体资源：FontFamily.myFont

示例代码：

import 'gen/assets.gen.dart';

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Image(image: Assets.images.logo.image());
  }
}

注意事项：

  • 首次运行前需确保 pubspec.yaml 格式正确。
  • 如果资源文件有变动，重新运行生成命令。
  • 支持生成图片、字体、SVG（需额外配置）等资源。

通过以上步骤，即可高效管理 Flutter 项目中的资源文件。

回到顶部