(vs code)Flutter资源图片自动化配置扩展:flutter-img-sync

声明:扩展灵感来自于asset_generator

vs code编辑器可以在扩展商店搜索 flutter-img-sync 安装即可使用,Android Studio及IDEA里面使用看这里

功能:将资产目录下的图片自动添加到pubspec.yaml的assets配置下面,并生成R文件,代码中直接引用R文件下的定义即可

step1.创建资产图片存放目录

创建资产图片存放目录 如: ./assets/img

step2.修改pubspec.yaml

定义资产图片存放目录,如:

assets:
# assets-generator-begin
# assets/img/*
# assets-generator-end

step3.执行扩展命令: FlutterImgSync

  • 命令执行后,图片将会被自动放置到pubspec.yaml文件的assets变量中
  • ./lib/r.dart 将会被创建
  • 在代码中导入r.dart文件,然后引用R类的变量

图片演示

创建图片存放目录
修改pubspec.yaml
执行扩展命令
assets图片资源自动放置并生成r.dart
使用R文件