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

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

相关推荐
nujnewnehc29 分钟前
ps, ai, ae插件都可以用html和js开发了
前端·javascript
前端摸鱼匠4 小时前
Vue 3 的defineEmits编译器宏:详解<script setup>中defineEmits的使用
前端·javascript·vue.js·前端框架·ecmascript
CYRUS_STUDIO4 小时前
Frida 源码编译全流程:自己动手编译 frida-server
android·逆向
里欧跑得慢5 小时前
Flutter 测试全攻略:从单元测试到集成测试的完整实践
前端·css·flutter·web
徐小夕5 小时前
我花一天时间Vibe Coding的开源AI工具,一键检测你的电脑能跑哪些AI大模型
前端·javascript·github
英俊潇洒美少年5 小时前
Vue3 企业级封装:useEventListener + 终极版 BaseEcharts 组件
前端·javascript·vue.js
冬奇Lab5 小时前
音视频同步与渲染:PTS、VSYNC 与 SurfaceFlinger 的协作之道
android·音视频开发
方安乐7 小时前
单元测试之helper函数
前端·javascript·单元测试
灼灼桃花夭7 小时前
js之阳历 → 农历(含时辰)转换函数
开发语言·前端·javascript
小李子呢02118 小时前
前端八股性能优化(1)---防抖和节流
开发语言·前端·javascript