当前位置: 首页 > news >正文

flutter 图片资源路径管理

1. 创建统一资源管理类

  1. 创建一个单独的 Dart 文件(比如
    manager.dart),将所有图片路径集中管理。这样在引用图片时,不需要每次都手动输入完整路径,只需通过常量引用即可。
   //manager.dart
   class 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 中声明的资源文件自动生成代码。

  1. 添加依赖
    在 pubspec.yaml 中添加:
dev_dependencies:
  build_runner: any
  flutter_gen_runner: any
  1. 配置资源路径
    在 pubspec.yaml 中正确配置资源路径:
flutter:
  assets:
    - assets/images/
  1. 运行生成命令

运行以下命令生成资源管理代码:

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/

相关文章:

  • Android jetpack 之LiveData 结合ViewModel的简单使用
  • FX-std::list
  • rv1106 PWM控制
  • C语言为例谈数据依赖性
  • Android 7 及以上,Fiddler 抓 https 包
  • 容器适配方法模拟Stack和Queue
  • Ansible命令行模式常用模块使用案例(二)
  • Keil创建stm32f103c8t6标准库
  • c++常用的算术生成算法
  • 深度学习项目--基于DenseNet网络的“乳腺癌图像识别”,准确率090%+,pytorch复现
  • RGV调度算法
  • C++20 `<bit>` 中的整数 2 的幂运算和 `std::bit_cast`:由浅入深的探索
  • 【土地智慧】解码土地利用的基本方针
  • 汉桑科技IPO:潜藏两大风险 公众投资者权益或受损
  • MistralAI挑战DeepSeek:开源模型能否颠覆行业巨头
  • 第6关:牛牛鱼缸-附加题
  • 工作记录 2017-01-09
  • Django系列教程(8)——函数视图及通用类视图
  • 【DevOps】使用Azure DevOps为Azure静态网站配置多阶段部署
  • OpenHarmony 编译运行qemu模拟设备
  • 服装网站建设方案/seo搜索优化怎么做
  • 布吉附近做网站/渠道推广策略
  • c语言可以做网站吗/百度打广告多少钱一个月
  • 怎么让自己的网站/建网站找哪个公司
  • 怎么在微信做企业网站/seo零基础培训
  • html5教程下载百度云/张北网站seo