美文网首页Flutter知识库
(AndroidStudio)Flutter资源图片自动化配置扩

(AndroidStudio)Flutter资源图片自动化配置扩

作者: Leo618 | 来源:发表于2019-06-19 18:39 被阅读0次

声明:扩展灵感来自于asset_generator

Android Studio及IDEA可在插件商店中搜索 flutter-img-syncvs code编辑器的使用看这里

功能:将资产目录下的图片自动添加到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文件

相关文章

网友评论

    本文标题:(AndroidStudio)Flutter资源图片自动化配置扩

    本文链接:https://www.haomeiwen.com/subject/rwhlqctx.html