Android Studio 插件：flutter-img-sync Flutter 资源图片自动配置

 

1、Android Studio 搜索插件 flutter-img-sync 并安装：

 

 

2、 在主目录下新建文件夹：./assets/images/ 用于存放图片资源。

3、在 pubspec.yaml文件中定义图片存放目录；

  assets:

  # assets-generator-begin
  # assets/images/*
    - assets/images/default_head_portrait.png
  # assets-generator-end

4、执行Android Studio插件命令 FlutterImgSync：

 

 

5、输入本地预览端口（任意端口）， 执行命令后会在 lib 目录下自动生成 r.dart 文件

 

 

6、在使用 图片的地方，引入 r.dart 文件，示例：

Image.asset(
            R.assetsImagesDefaultHeadPortrait,
            width: ScreenUtil().setWidth(12),
            height: ScreenUtil().setWidth(12),
          )

 

 

 

　　

 

posted @ 2021-10-15 13:50  ZachRobin  阅读(762)  评论(0)  编辑  收藏  举报