美文网首页futter学习
(vs code)Flutter资源图片自动化配置扩展:flut

(vs code)Flutter资源图片自动化配置扩展:flut

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

声明:扩展灵感来自于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文件

相关文章

网友评论

    本文标题:(vs code)Flutter资源图片自动化配置扩展:flut

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