【Flutter】アプリアイコンを一括作成・変更する方法

Flutterでアプリアイコンを一括作成、変更する方法についてまとめました。

アプリアイコンを一括作成

Flutterでは、「flutter_launcher_icons」というライブラリで簡単にAndroid、iOSのアプリアイコンを一括作成、変更できます。

① pubspec.ymlを以下のように編集します。

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_launcher_icons: any


flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon/icon.png"

② 以下のコマンドを実行します。

$ flutter packages get

③ 指定したパス「assets/icon/icon.png」にアイコン画像を配置します。

④ 以下のコマンドを実行すると、自動でアイコンを一括作成・変更します。

$ flutter pub pub run flutter_launcher_icons:main

アプリアイコンが真っ黒になる場合

dev_dependencies:
  flutter_launcher_icons: ^0.13.1

flutter:
  uses-material-design: true
  assets:
    - "assets/imgs/"

flutter_icons:
  android: "launcher_icon"
  image_path: "assets/icon/icon.png"
  adaptive_icon_background: "#F3D250"
  adaptive_icon_foreground: "assets/icon/icon.png"

関連ページ

【Flutter超入門】使い方とサンプルアプリを解説

Flutterの使い方とサンプルアプリ(iOS、Android、Windows)について入門者向けに解説します。

flutter.joho.info

2024.07.05