【Flutter】スマホで表示されるアイコンを変更する方法

こんにちは、ワニかず@40歳 出戻りエンジニアです。
今回は、Flutterで開発したアプリの
スマホで表示されるアイコンを変更する方法についてまとめました。

flutter_launcher_icons パッケージを使用する方法

1. パッケージを追加:

# pubspec.yaml
dev_dependencies:
  flutter_launcher_icons: ^0.13.1

2. 設定を追加:

# pubspec.yaml
flutter_launcher_icons:
  android: true
  ios: true
  image_path: "assets/icon/icon.png"

assetsフォルダは、Flutterプロジェクトのルートディレクトリ（pubspec.yamlがあるのと同じ階層）に作成します。

具体的な構造は以下のようになります：

your_flutter_project/
├── pubspec.yaml
├── lib/
├── assets/
│   └── icon/
│       └── icon.png
├── android/
├── ios/
└── ...

3. コマンドを実行:

flutter pub get
flutter pub run flutter_launcher_icons

以上の操作を行った後、デバッグモードでアプリを実行すると、アイコンが変わるのを確認することができると思います。