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

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

相关推荐
星释26 分钟前
鸿蒙智能体开发实战:34.鸿蒙壁纸大师 - 提示词工程与优化
android·华为·harmonyos·鸿蒙
sunfdf39 分钟前
Next.js 新手从零部署到首跑实战指南
开发语言·javascript·ecmascript
SmartBoyW1 小时前
前端死磕:一文彻底搞懂 JS 事件循环 (Event Loop) 与宏微任务
前端·javascript
blanks20201 小时前
android 编译问题记录
android
千逐681 小时前
React Native 性能优化深度解析:从原理到实战
flutter·华为·鸿蒙
mONESY2 小时前
基于MCP协议搭建全链路智能Agent:地图检索+浏览器自动化+本地文件操控实战
javascript
bobuddy2 小时前
平台总线(platform bus)
android
plainGeekDev2 小时前
libs 目录 → Gradle 依赖管理
android·java·kotlin
研☆香2 小时前
闭包实战避坑指南
javascript
你怎么知道我是队长3 小时前
JavaScript 的控制语句介绍
开发语言·javascript·ecmascript