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

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

相关推荐
Highcharts.js9 小时前
数据之美:用Highcharts打造专业级弧线图
javascript·数据库·highcharts·图表开发·弧线图
SuperEugene9 小时前
错误处理与 try/catch:真实项目里应该捕什么错?
前端·javascript·面试
lili-felicity10 小时前
进阶实战 Flutter for OpenHarmony:syncfusion_flutter_charts 第三方库实战 - 企业级图表系统
flutter
2501_9219308311 小时前
进阶实战 Flutter for OpenHarmony:ShaderMask 着色器系统 - 高级视觉效果实现
flutter
2501_9219308311 小时前
进阶实战 Flutter for OpenHarmony:ClipPath 自定义裁剪系统 - 高级视觉效果实现
flutter
夕除11 小时前
js--22
前端·javascript·python
Qhappy12 小时前
某加密企业版过frida检测
javascript
用户57573033462412 小时前
🔥 一文搞懂 JavaScript 包装类(面试必考)
javascript
滕青山12 小时前
Base64编码/解码 核心JS实现
前端·javascript·vue.js
sww_102612 小时前
SAA ReactAgent工作原理
开发语言·前端·javascript