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

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

相关推荐
meilindehuzi_a18 分钟前
Node.js + LangChain.js + Milvus 实战:从 EPUB 入库到《天龙八部》RAG 问答系统
javascript·langchain·node.js
zzq779737 分钟前
Android 风险识别机制实测:从录屏悬浮窗到远程控制的边界评估
android·安全·安卓·app加固·御盾安全
勇往直前plus42 分钟前
Vue3(篇四)单页面应用到路由管理
javascript·typescript·前端框架·vue
码云数智-园园1 小时前
MySQL 慢查询排查完整流程
android
码云骑士1 小时前
【Android Performance】进程关联启动治理详解——从唤醒链分析到自启动管控的完整方案
android
心念枕惊2 小时前
PHP 在领域驱动(DDD)设计中的核心实践
android·开发语言·php
蜡台2 小时前
Android WebView 设计指南
android·java·kotlin
不简说2 小时前
JS 代码技巧 vol.9 — 20 个设计模式在真实项目里的应用
前端·javascript·github
勇往直前plus2 小时前
Vue3(篇三) Element Plus
前端·javascript·typescript·vue
晓梦林2 小时前
[Dest0g3 520迎新赛]EasyPHP-学习笔记
android·笔记·学习