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

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

相关推荐
恋猫de小郭30 分钟前
Flutter 开发怎么做 Agent ?从工程实战详细给你解读下
android·前端·flutter
晓得迷路了32 分钟前
栗子前端技术周刊第 136 期 - pnpr、Flow 重构移植 Rust、Astryx...
前端·javascript·css
安卓修改大师39 分钟前
安卓修改大师实战:Activity生命周期全解析与Smali插桩教程
android
Mr.Daozhi41 分钟前
从零构建 AI 学术论文助手(四):PDF.js 实时截图 + Gemini 视觉分析
javascript·人工智能·pdf·canvas·pdf.js·gemini
乌夷1 小时前
Vue.js 3 的设计思路
前端·javascript·vue.js
码上有光1 小时前
c++:map和set的底层实现
android·java·c++·set·map
峥嵘life1 小时前
Android GMS 开机向导横竖屏切换配置总结
android·学习
apihz1 小时前
PING 接口 PLUS 全球版 —— 免费全球多节点 Ping 检测 API教程
android
阿pin1 小时前
Android随笔-epoll机制
android·epoll
plainGeekDev1 小时前
Gradle 写法 → Kotlin DSL
android·java·kotlin