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

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

相关推荐
迷迭绿4 小时前
Cesium 轨迹回放播放器
前端·javascript·cesium
高旭的旭4 小时前
图解 Android 系统架构:从 App、Framework、HAL 到 Linux 驱动
android·linux·系统架构
hunterandroid4 小时前
Navigation Component 多模块导航与深度链接实战
android
快乐非自愿4 小时前
低代码落地费控系统:从报销流程到业财闭环的实操方案
android·低代码·rxjava·ai低代码
摇滚侠5 小时前
《Java并发编程之美》第 2 章 并发编程的其他基础知识 阅读笔记 3
android·java·笔记
tryCbest5 小时前
Vue3——第 7 篇:组件基础——从注册到使用的完整流程
前端·javascript·vue.js
YB13755 小时前
Jetpack Compose 动画updateTransition
android
用户2018792831675 小时前
给主厨装一台打卡机:一文搞懂 Android APM 性能监控原理
android
我不会插花弄玉6 小时前
8. 复合查询【由浅入深-MySQL】
android·数据库·mysql
熊文豪6 小时前
机器人开发者生态分析:行业分工变化与启元的定位
android·机器人·启元机器人