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

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

相关推荐
Min_小明8 分钟前
Android ANR 排查指南(思路、方法与实战案例)
android
chenjixue12 分钟前
记录下我理解的安卓,鸿蒙,ios, rn , fullter, Jetpack Compose,react 的相似与不同
android·华为·harmonyos
daols8818 分钟前
vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题
前端·javascript·vue.js·vxe-table
啥都不懂的小小白18 分钟前
Vue 小白入门|Pinia 核心用法全解
javascript·vue.js·ecmascript
skywalk816321 分钟前
g4f提供的模型调用:python JavaScript和curl
前端·javascript·vue.js·g4f
2601_9495936530 分钟前
Flutter_OpenHarmony_三方库_url_launcher链接跳转适配详解
flutter
REDcker31 分钟前
Android ADB 命令教程与速查
android·adb
未名编程40 分钟前
React Native WebView 加载远程页面显示错误内容的深层原因及解决方案
javascript·react native·react.js
书中有颜如玉40 分钟前
Kotlin Coroutines 异步编程实战:从原理到生产级应用
android·开发语言·kotlin
yzpyzp43 分钟前
可以不用React或者Vue这些前端框架,直接用javascript写项目吗
javascript·react.js·前端框架