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

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

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

• 将图片导入到img目录下

  
  

  

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

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

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

  
  

  

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

  
  

  

  
  

  

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

    
    

    

• 最后直接调用即可

  
  

  

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