🥐

【Flutter】「flutter_launcher_icons」でのアイコン作成

2023/10/24に公開

「flutter_launcher_icons」のインストール

flutter pub add flutter_launcher_icons

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

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

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

④command + S→フォーマットをPNGにした状態で任意のディレクトリに保存をする
(アルファのチェックは外さなくて良い)

⑤プロジェクト直下にassets/imagesを作る

⑥pubspeck.yamlで使用する画像のpassを通す
※「remove_alpha_ios: true」を必ず入れないといけない！（これを記入しないとアイコンの各辺に白い跡が残ってしまう）

pubspec.yaml

flutter_icons:
  android: true
  ios: true
  remove_alpha_ios: true
  image_path: 'assets/images/animentor_icon3.png'

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

flutter pub run flutter_launcher_icons:main

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