yii.
← Writing
開發筆記 · · 2 min read

Flutter | 兩個平台App Icon的設置方式

這篇寫於 2019 年。工具和 API 變化很快,部分步驟可能已經不適用。

持續的學習紀錄


首先#

第一步:找好你想要的Icon圖片

第二步:打開下方的網址

https://appicon.co/

第三步:上傳Icon圖片,然後選取旁邊的iPhone、Android就可以了,其他的選項依照以後的開發需要再去點選

第四步:下載AppIcons.zip檔案,解壓縮出資料夾,待會要使用

Android#

Icon 放在 android 資料夾裡的 mipmap 資料夾(包含各種螢幕的分辨率)

打開圖檔資料夾

路徑:android/app/src/main/res/
Android Studio
Android Studio
Mac的Finder
Mac的Finder

更新5個 mipmap 資料夾裡的 ic_launcher.png,將檔案替代掉

iOS#

Icon 放在 Assets.xcassets 資料夾裡的 AppIcon.appiconset 資料夾(包含各種尺寸)

打開圖檔資料夾

路徑:ios/Runner/Assets.xcassets/AppIcon.appiconset/
Android Studio
Android Studio
Mac的Finder
Mac的Finder

將裡面的檔案都替代更新

完成#

更新完成後,兩個平台的 App Icon 就都更新囉

本文原刊登於 Medium。