Flutter - 自動生成Android & iOS圖標

對於要發佈的app來講，作圖標是一個麻煩的事，你須要知道N個圖標的分辨率，而後用PhotoShop一個個修改導出。

PS好圖標以後，按照各自的位置放進去。

 

***********************************************************************************

 

有沒有簡單一點的辦法呢？

答案是YES！

若是有個PS腳本的話，能夠節省一些時間。

PS好圖標以後，你還須要按照各自的位置放進去。

 

***********************************************************************************

 

可是還有沒有更簡單的方法呢？

答案是Yes！！！

 

有的在線生成Icon的網站能夠，好比

https://appiconmaker.co/Home/

https://icon.wuruihong.com

 

在線生成好以後，不須要下載下來圖標，按照各自的位置放進去。

嗯，仍是有點麻煩

 

***********************************************************************************

 

可是，還有沒有更簡單的方法呢？

答案仍是YES！！！

在pub.dartlang.org上面，Flutter Community發佈了一個全自動化生成Icons的插件，安裝好以後能夠一鍵生成全部的Icon。

點擊下面跳轉

flutter_launcher_icons

 

 

 

 使用說明：

在pubspec.yaml中添加

dev_dependencies: 
  flutter_launcher_icons: 
  
flutter_icons:
  android: "launcher_icon" 
  ios: true
  image_path: "assets/icon/icon.png"

 

 而後你須要準備一張分辨率爲1024x1024的png圖片，放入assets/icon，名稱爲icon.png

打開Android Studio或者VS Code的終端Terminal

輸入

flutter packages get
flutter packages pub run flutter_launcher_icons:main

 

 

 稍等片刻，就完成了。

這下你就能夠去 android\app\src\main\res 和 ios\Runner\Assets.xcassets\AppIcon.appiconset 查看自動生成的圖標了。