今回は、Flutter Launcher Icons パッケージを使用して、アイコンの設定を行う方法を紹介します。

パッケージのインストール

下記コマンドを実行して、パッケージをインストールします。

flutter pub add flutter_launcher_icons

アイコン画像の用意

　プロジェクト内にアイコンを置く用のフォルダを用意し、準備したアイコン画像を置きます。

• 例）assets/icon/AppIcon.png
• 参考）画像の角を丸くしたいときに便利なサイト
  • 作成する画像をpingに設定すると、背景を透明にすることができます

設定ファイルの編集

pubspec.yaml に flutter_icons: を追加します。

「image_path」には、用意したアイコン画像のパスを指定してください。

dependencies:
  flutter_launcher_icons: "<最新バージョン>"

# ここから下を追加する
flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/AppIcon.png"

パッケージの実行

下記コマンドを叩いて、パッケージを実行します。

flutter pub run flutter_launcher_icons:main

　以上の操作で、アプリをインストールした際のアイコンが設定されるはずです。実際に実機にインストールして確認してみてください。

• 参考）
  • 実機でのデバック実行