如何設定 Flutter App 程式的 Icon 圖示

透過 flutter_launcher_icons 套件,可以方便的自定義 App 各平台的 icon。以下是使用方式:

1. 針對各平台準備對應所需要的 icon.png 圖檔,解析度方面,除了 Windows 平台有上限 256*256外,其他的平台建議用 1024*1024 即可

2. 參閱下圖,專案根目錄下建立資料夾路徑 “asset\icon\”,並把各平台對應的 icon 圖檔放在這裡
(路徑和檔案名稱可以依需要命名)

3. 在 pubspec.yaml 的 dependencies 加入相依套件 flutter_launcher_icons

4. 建立對應的 config 設定,這可以直接新增在 pubspec.yaml 也可以為了管理方便於根目錄建立獨立檔案 flutter_launcher_icons.yaml

5. 參考下面的範例編輯 config 設定內容即可

flutter_launcher_icons:
android: "launcher_icon"
ios: true
image_path: "assets/icon/icon.png"
min_sdk_android: 21 # android min sdk min:16, default 21
web:
generate: true
image_path: "assets/icon/icon_web.png"
background_color: "#000000"
theme_color: "#000000"
windows:
generate: true
image_path: "assets/icon/icon_windows.png"
icon_size: 48 # min:48, max:256, default: 48
macos:
generate: true
image_path: "assets/icon/icon_macos.png"

6. 演示範例

    留言

    Leave a comment

    This site uses Akismet to reduce spam. Learn how your comment data is processed.