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

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

相关推荐
TeamDev14 小时前
JxBrowser 9.3.1 版本发布啦!
java·前端·javascript·c#·混合应用·jxbrowser·浏览器控件
整點薯條15 小时前
Vue3+vite创建项目架构文件说明总结
前端·javascript·vue.js
前端甜糖16 小时前
记录We码开发者工具的一个bug
前端·javascript
猫32816 小时前
echarts 日常问题解决
前端·javascript·echarts
通玄17 小时前
Jetpack Compose 入门系列(十):Paging 3 分页加载
android
hunterandroid17 小时前
DataStore 工程化实践:迁移、并发更新与异常恢复
android·前端
不简说17 小时前
JS 代码技巧 vol.8 — 20 个函数式编程实战,把 if/else 拍扁的骚操作
前端·javascript·面试
Cobyte18 小时前
模板 DSL 解析器中的状态机设计
前端·javascript·vue.js
软件开发技术深度爱好者19 小时前
小学英语单词魔法学园HTML5实现
javascript·html5·英语学习