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

Yii Chen
3 min readNov 8, 2019

--

持續的學習紀錄

首先

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

第二步:打開下方的網址

https://appicon.co/

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

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

Android

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

打開圖檔資料夾

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

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

iOS

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

打開圖檔資料夾

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

將裡面的檔案都替代更新

完成

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

--

--

Yii Chen
Yii Chen

Written by Yii Chen

Flutter Enthusiast || Organizer FlutterTaipei || Writer, Speaker || wanna make Flutter strong in Taiwan. https://linktr.ee/yiichenhi

No responses yet