[Capacitor] 準備 App 專屬的 icon 圖示

[Capacitor] 準備 App 專屬的 icon 圖示

用 Capacitor 做出來的 app,會使用一個預設的 icon,

像下圖中的 LibraryMulti-Login app 那個 icon:

 

使用這個 icon 的 app 不能直接發布,

因為所有 Capacitor app 預設都是這 icon,

在 App Store 的話,就會因為沒有識別度 ,而被打回票~

 

要準備自己的 icon 的話,

要先裝好 @capacitor/assets 這個套件:

npm install @capacitor/assets --save-dev

 

接著,將 assets/icon-only.png 換成你準備好的 icon 圖,

至少要是 1024×1024 以上。

接著,再執行下面的指令,將這個圖複製到各個平台所需的位置去:

npx capacitor-assets generate --ios
npx capacitor-assets generate --android

 

這樣子準備完成後,app 的 icon 就會變成自己準備好的圖樣啦:

 

參考資料:Splash Screens and Icons | Capacitor Documentation

(本頁面已被瀏覽過 3 次)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料