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),
          )