美文网首页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