首頁>技術>

一、移動端 Icon 替換1. Android 修改應用圖示

通過 Android Studio 開啟 Flutter 中 android Module,右鍵選擇 “New ===> Image Asset”:

隨後開啟對應 Icon,調整大小:

此時會自動為你在不同的解析度下生成對應的 Icon:

調整 AndroidManifest 檔案:

2. iOS 修改應用圖示

找了個圖示生成網站:

icon.wuruihong.com/

上傳對應的 Icon 選擇生成的一些基本引數,這裡感覺預設就夠用了:

隨後選擇預設開始生成:

隨後檢視效果,生成速度很快~

接下來用 Xcode 開啟對應的 ios module,替換對應資源:

下載已生成的圖示,選取 iOS 圖示資源複製到以下地址中:

隨後替換 Contents.json 檔案即可。

執行檢視效果:

倆者一對比,還是 Android 好,哈哈哈~

二、移動端啟動頁處理1. Android 修改啟動頁

Step 1:為 Android Style 中新增全屏樣式:

Step 2:修改 launch_background 檔案

先把 UI 給你提供的啟動頁圖片對應的放在 drawable 中。

隨後開啟定義你的啟動頁圖片:

效果如下,我這是隨便反編譯一個 Apk 拿到的啟動圖:

2. iOS 修改啟動頁

這塊我覺得 iOS 還蠻不錯的,很 easy,替換下面的三張圖就好:

效果都一樣,這裡就不放置效果圖咯。

有個坑點就是少用模擬器,模擬器執行發現會有較長一段時間白屏,實際執行真機則沒有這個問題。鬱悶了我。

三、修改應用名稱1. 修改 Android 應用名稱

按照如下地址,開啟 AndroidManifest 並修改 application 節點下的 android:label 內容即可:

android ===> app ===> src ===> main ===> AndroidManifest2. 修改 iOS 應用名稱

按照如下地址修改 info.plist 中的 CFBundleName 值:

以下是部分內容展示:

Flutter

Android

也希望 Flutter 生態越來越好 (flutter開發App效率真的很高,開發體驗也是很好的 )。

最新評論
  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • 你是否像我一樣排斥Composer?|給你程式碼