Flutter自动导入图片插件 --- flutter-img-sync

PS: 好久一段时间没写记录了，主要换了地方搬砖挺忙的，另外也没有相应的Flutter需求，所以......
最近又空闲下来了，翻了翻以前写的Flutter代码很陌生的感觉，不能忍了，果断继续Flutter革命......
废话不多说，分享下Flutter自动导入图片资源的插件 ---------- flutter-img-sync

• 首先下载flutter-img-sync插件， File->Settings->Plugins, 如下图，安装完后重启

截图.png

• 在Flutter工程下创建assets/img目录

截图2.png

• 将图片导入到img目录下

  
  
  image.png

• 在pubspec.yaml文件，加入以下代码

assets:
 # assets-generator-begin
 # assets/img/*
 # assets-generator-end

image.png

• 点击右上角的pub get 刷新一下

  
  
  image.png

• 找到工具栏Tools， 点击FlutterImgSync, 会弹出一个输入端口号的对话框，随便输入一串数字即可，然后点确定然后可以看到pubspec.yaml 导入了一些图片

  
  
  image.png
  
  
  image.png

  • 可以看到在lib下，多了一个r.dart的文件，点进去可以看到，变量和名称已经对应好了，我们可以导包后直接用了

    
    
    image.png

• 最后直接调用即可

  
  
  image.png

希望本分享能对读者有所帮助 ^^