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

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

相关推荐
DogDaoDao7 小时前
Android 硬件编码器参数完全指南:MediaCodec 深度解析
android·音视频·视频编解码·h264·硬编码·视频直播·mediacodec
JohnnyDeng948 小时前
Android 自定义 View:Canvas 绘图与事件分发深度解析
android
之歆9 小时前
DAY_12JavaScript DOM 完全指南(二):实战与性能篇
开发语言·前端·javascript·ecmascript
Maimai108089 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
candyTong9 小时前
Claude Code 的 Edit 工具是怎么工作的
javascript·后端·架构
Android小码家11 小时前
Framework之Launcher小窗开发
android·framework·虚拟屏·小窗
赏金术士12 小时前
第七章:状态管理实战与架构总结
android·ui·kotlin·compose
卡卡军12 小时前
agmd 1.0 重磅升级——Rust 重写,性能起飞
javascript·rust
Larcher12 小时前
🔥 告别抓瞎:用 Claude Code (cc) 优雅接手与维护已有项目
javascript·机器学习·前端框架
JYeontu12 小时前
轮播图不够惊艳?试下这个立体卡片轮播图
前端·javascript·css