😊

# アプリのアイコン作成法(flutter_launcher_iconsを利用)

2023/05/15に公開

アプリのアイコン作成法(flutter_launcher_iconsを利用)

パッケージ「flutter_launcher_icons」を利用してアプリのアイコンを変更する。
この手順を行えばアイコンサイズ1枚で様々なサイズのアイコン作成が可能となる。

「flutter_launcher_icons」のインストール

https://pub.dev/packages/flutter_launcher_icons/install
下記コードでインストールする

flutter pub add flutter_launcher_icons

アプリのアイコン画像の用意

①MacのKeyNoteを使って画像を作る→command + C

②Macのプレビューを起動して、command + Nで①の画像を表示する

③上部バーの「表示」→「マークアップツールバーを表示」→「サイズを調整」(左から9番目のアイコン)を押して1024×1024pxの画像を作成する

④command + S→フォーマットをPNG、アルファのチェックを外した状態で任意のディレクトリに保存をする
⑤プロジェクト直下にassets/imagesを作る

⑥pubspeck.yamlで使用する画像のpassを通す

pubspec.yaml
flutter_icons:
  android: true
  ios: true
  image_path: 'assets/images/GUND-ARMicon.png'

⑦下記コマンドを実行する

flutter pub run flutter_launcher_icons:main

コマンド実行後、アプリビルドを行うとアイコンが変化する(アイコンが変わらない場合はSimulaterを再起動してみる)

Discussion