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

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

相关推荐
鱼锦0.019 小时前
在vue2中主页面怎么给子页面传递数据
前端·javascript·html
清空mega21 小时前
第15章 综合项目——网上订餐系统
android
!win !1 天前
前端跨标签页通信方案(下)
前端·javascript
f***45321 天前
基于SpringBoot和PostGIS的各省与地级市空间距离分析
android·前端·后端
珹洺1 天前
Java-Spring入门指南(三十一)Android意图(Intent)
android·java·spring
用户47949283569151 天前
TypeScript 简史:它是怎么拯救我的烂代码的
javascript·typescript
用户47949283569151 天前
只有前端 Leader 才会告诉你:那些年踩过的模块加载失败的坑(二)
javascript
xw51 天前
前端跨标签页通信方案(下)
前端·javascript
加洛斯1 天前
前端小知识003:JS中 == 与 === 的区别
开发语言·前端·javascript
b***9101 天前
【SpringBoot3】Spring Boot 3.0 集成 Mybatis Plus
android·前端·后端·mybatis