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

 

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

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

 

 

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:

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

 

 

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

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

 

 

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

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

 

  

 

上一篇:教你用纯Java实现一个即时通讯系统(附源码)(上)


下一篇:新鲜出炉的点菜系统(附源码)