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

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

相关推荐
希望永不加班15 分钟前
SpringBoot 静态资源访问(图片/JS/CSS)配置详解
java·javascript·css·spring boot·后端
半条咸鱼27 分钟前
如何通过 ADB 连接安卓设备(USB + 无线 TCP/IP)
android
m0_7381207238 分钟前
渗透基础知识ctfshow——Web应用安全与防护(第一章)
服务器·前端·javascript·安全·web安全·网络安全
程序员老刘40 分钟前
Trae 按照Token计费,我的Flutter项目每个月要花多少钱?
flutter·ai编程·trae
持续前行1 小时前
通过 npm 下载node_modules 某个依赖 ;例如 下载 @rollup/rollup-linux-arm64-gnu
前端·javascript·vue.js
huwuhang1 小时前
斐讯盒子N1_YYFROM固件_webview119更新版附安卓专用遥控器刷机固工具USB_Burning_Tool
android
qq_352018681 小时前
android 状态栏高度获取
android
AirDroid_cn1 小时前
安卓15平板分屏比例能到1:9吗?极限分屏设置教程
android·智能手机
Embrace9241 小时前
React Native + Realm 离线方案处理
javascript·react native·react.js·realm
菜鸟国国1 小时前
还在为 Compose 屏幕适配发愁?一个 Density 搞定所有机型!
android