Tag: icon

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

    如何設定 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. 演示範例