flutter改變圖示和名稱、啟動圖

陸小天發表於2021-07-24

一、生成圖示

開啟圖示工廠 在這裡插入圖片描述 上傳我們的圖示。 在這裡插入圖片描述 點選開始生成。 然後就可以預覽iosandroid在這裡插入圖片描述 我們點選下載所有圖示: 在這裡插入圖片描述 下載解壓後有iosandroid資料夾: 在這裡插入圖片描述

二、修改ios圖示

在你建立的flutter專案根目錄下用Xcode開啟ios在這裡插入圖片描述 可以看到Display Name就是你app名稱。 先將ios\Runner\Assets.xcassets\AppIcon.appiconset下所有檔案刪除。 然後我們將剛剛下載的ios\AppIcon.appiconset資料夾下的所有檔案複製黏貼到ios\Runner\Assets.xcassets\AppIcon.appiconset就好。複製完成之後可以看到這裡就是我們的圖示了: 在這裡插入圖片描述

三、修改andriod圖示

在你建立的flutter專案根目錄下用Android Studio開啟android 。 app名稱: 在這裡插入圖片描述 我們將下載的android資料夾下的這六個資料夾全選複製: 在這裡插入圖片描述 黏貼到:flutter專案下的android\app\src\main\res複製替換就可以了。command+點選檢視是不是圖示: 在這裡插入圖片描述 在這裡插入圖片描述 可以看到已經是我們的圖示了。

在學習的flutter的路上,如果你覺得本文對你有所幫助的話,那就請關注點贊評論三連吧,謝謝,你的肯定是我寫博的另一個支援。

四、android啟動圖

在這裡插入圖片描述 在這裡插入圖片描述 安卓的啟動圖就設定好了。效果: 在這裡插入圖片描述

五、ios啟動圖

我們用Xcode開啟flutter專案下的ios資料夾: 在這裡插入圖片描述 可以看到這裡有1x,2x,3x(畫素),我們將圖片拖住放進

在這裡插入圖片描述 然後再將模式改成如下: 在這裡插入圖片描述 效果: 在這裡插入圖片描述

在學習的flutter的路上,如果你覺得本文對你有所幫助的話,那就請關注點贊評論三連吧,謝謝,你的肯定是我寫博的另一個支援。

相關文章