That’s how I create flutter launcher icon

Photo by TheRegisti on Unsplash

ランチャーアイコンを作ってくれる flutter_launcher_icons はとても便利です.
Android の Adaptive Icon を SVG でやりたい場合は不十分です(雑に見てみた感じ png しか指定できないようでした).

ということでこんな感じでやると良さそうというのをメモ.

flutter_launcher_icons

Adaptive Icon なので普通に ic_launcher_foreground.svg 的なものを用意します.
用意したら AndroidStuio の Image Asset Studio を起動します.
詳細は下記を.

Create app icons with Image Asset Studio | Android Developers

使用する svg の指定と Scaling あたりを指定したら脳死で Next を押して Finish します.
これで Android 側はアイコンが良い感じに設定されます.

これで Android 側は OK ですが iOS 側が残っています.
iOS 側は flutter_launcher_icons で設定します.
Image Asset Studio ではアイコンのほかにも Play Store 用に大きいサイズの画像を吐き出してくれているので,それを有効活用します.

flutter_icons:
  android: false
  ios: true
  image_path: "android/app/src/main/ic_launcher-web.png"

あとは flutter_launcher_icons を実施します.

flutter pub get
flutter pub run flutter_launcher_icons:main

iOS 側の画像サイズの知見が全くないのであれですが,シミュレータで見た感じぼやけているような感じは無かったので大丈夫そう.