flutter图片资源加载处理

每次都忘了配置这个插件的流程,在此记录一下:

说明:Flutter图片资源路径生成小工具,把assets目录下图片路径归纳转换到R文件.

使用: 如 assets/images/pay/pay_cash.png

import 'r.dart';\ ...\ Image.asset(R.pay_cash)

先安装插件之后,具体怎么使用的:
1.首先我在libs同级目录下创建iamges文件,存放图片的资源

2.在pubspec.yaml文件中配置自动生成图片地址的位置;

复制代码
# assets-generator-begin
# images/*

3.点击tools菜单下FlutterImageSync会弹出以下的弹窗:

随便输入1即可生成R文件,之后引用的地方就十分的方便了。

缺点是只能使用一套图!至于适配多套图的方法可以试试之前介绍的方法!

相关推荐
zimoyin6 分钟前
在 C# 里嵌入 JavaScript:用 Jint 做可热更新的自动化脚本(从入门到踩坑)
javascript·c#·自动化
FRing0341 分钟前
JavaScript入门到精通二十六(变量提升、函数剩余参数、展开运算符、ES6箭头函数)
开发语言·前端·javascript·es6·箭头函数
xiaoshiquan12062 小时前
Gradle 复合构建:宿主项目直接依赖 SDK 源码模块的配置实践
android
OpsEye2 小时前
怎么实现大模型的按用户、按应用配额限流?
javascript·ai编程
云舜言传3 小时前
Bloom 手势演示操作 · 录屏指南
javascript·深度学习·机器学习
小师兄吃牛肉4 小时前
Android Studio 2025 专业介绍:新特性、性能与开发体验全面解析
android·ide·android studio
美摄科技4 小时前
安卓离线类美颜特效SDK
android
fengci.6 小时前
BUUCTF(困难部分)
android·开发语言·前端·学习·php
Highcharts.js6 小时前
BI可视化图表“维护难”问题的解决方案
开发语言·前端·javascript·编辑器·ecmascript·bi·highcharts
倚窗听花_6 小时前
IIS部署前端Vue项目
前端·javascript·vue.js