1. 創建統一資源管理類
- 創建一個單獨的 Dart 文件(比如
manager.dart),將所有圖片路徑集中管理。這樣在引用圖片時,不需要每次都手動輸入完整路徑,只需通過常量引用即可。
//manager.dartclass Manager { static const String_imagePath = 'assets/images/'; static const String logo = '${_imagePath}logo.png'; static const String background ='${_imagePath}background.png'; }
//引用:csharp Image.asset(Manager.logo);
2. 使用 flutter_gen 自動生成代碼
可以使用 flutter_gen 這個插件,它會根據 pubspec.yaml 中聲明的資源文件自動生成代碼。
- 添加依賴
在 pubspec.yaml 中添加:
dev_dependencies:build_runner: anyflutter_gen_runner: any
- 配置資源路徑
在 pubspec.yaml 中正確配置資源路徑:
flutter:assets:- assets/images/
- 運行生成命令
運行以下命令生成資源管理代碼:
flutter packages pub run build_runner build
生成的代碼通常會在 lib/gen/assets.gen.dart 文件中,可以直接通過常量引用圖片:
import 'package:your_project/gen/assets.gen.dart';
Image.asset(Assets.images.logo.path);
flutter_gen 不僅支持圖片,還可以管理字體、SVG 文件等其他資源。
4. 自定義導出文件名稱
在pubspec.yaml新增以下內容,output就是要導出的文件名
flutter_gen:output: lib/picture/