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文件,之后引用的地方就十分的方便了。

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

相关推荐
JieE21218 分钟前
JS 到底有多少种数据类型?从ECMA规范到内存本质,一文彻底搞懂
javascript·数据结构·面试
前端Hardy42 分钟前
GitHub 爆火!Three.js + React + ECharts 打造最强数据大屏
前端·javascript
数据知道1 小时前
视觉伪装(下):WebGL 渲染器与厂商特征的底层伪造与屏蔽
javascript·数据采集·webgl·指纹浏览器
东风破_2 小时前
JS 数据类型:从八种分类到栈与堆的内存真相
javascript
潘潘潘2 小时前
Android网络结构分析——有线网络
android
YIAN2 小时前
# 从入门到封装:一文搞懂 Fetch API 所有用法(新手友好)
前端·javascript
踏雪羽翼2 小时前
Android OpenGL实现十几种美颜功能
android
xiaofeichaichai2 小时前
Tree Shaking
前端·javascript
Darling噜啦啦3 小时前
JavaScript 数组深度解析:从纯函数到二维数组陷阱,一文吃透前端数据结构核心
前端·javascript·数据结构
万少3 小时前
一封邮件,让我重新打开了搁置半年的鸿蒙应用
前端·javascript·后端