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

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

相关推荐
萑澈6 小时前
Windows 7 运行 Electron 安装包报“不是有效的 Win32 应用程序”怎么办
javascript·windows·electron
W.A委员会6 小时前
JS原型链详解
开发语言·javascript·原型模式
Utopia^7 小时前
鸿蒙flutter第三方库适配 - 联系人备份工具
flutter·华为·harmonyos
她说彩礼65万7 小时前
C# 实现简单的日志打印
开发语言·javascript·c#
状元岐8 小时前
C#反射从入门到精通
java·javascript·算法
CYRUS_STUDIO8 小时前
Frida 检测与对抗实战:进程、maps、线程、符号全特征清除
android·逆向
a1117769 小时前
Three.js 的前端 WebGL 页面合集(日本 开源项目)
前端·javascript·webgl
Kk.08029 小时前
项目《基于Linux下的mybash命令解释器》(一)
前端·javascript·算法
csj509 小时前
安卓基础之《(28)—Service组件》
android
程序员鱼皮9 小时前
又一个新项目开源,让 AI 帮你盯全网热点!
javascript·ai·程序员·编程·ai编程