🎨

flutterでアプリアイコンをデフォルトから変更する方法

2021/01/17に公開

flutterでは、デフォルトでアプリのIconがflutterの公式Iconになっています。

Icon

これです。Fが斜めったやつです。

個人的にはこのIcon好きなのですが、アプリを作る際にはやはり変更したいところ。

そのため、今回はその方法について共有いたします。

参考にしたサイト

https://qiita.com/wforskk/items/74d5d22e6ccc2100e5b7

https://qiita.com/k-nasa/items/33426af4d396b581c101

アイコン変更方法① (推奨)

ライブラリ使うので追記してください。

pubspec.yml

dev_dependencies: 
  flutter_test:
    sdk: flutter

  flutter_launcher_icons: ^0.8.1//コレ

これでpab getしてあげましょう。

その後、以下を追記してください。

pubspec.yml

flutter_icons:
  android: true 
  ios: true
  image_path: "lib/assets/icon.png"
  

imagepathに画像配置した後に、$ flutter pub pub run flutter_launcher_icons:mainコマンド叩けばOK。

アイコン変更方法② (非推奨)

アイコン画像をアイコンジェネレーターに突っ込み、指定のディレクトリに突っ込む。詳しくはこちら

自分はこちらでやったところiOSでエラーが出ました。加えて、試行錯誤した結果、消しちゃいけないファイルをいじってしまったみたいで、前回のcommitまで戻らざるを得ませんでした。

できるとは思うのですが、手間を考えても前者のほうが現在(2021/01/17)においては良いでしょう。

最後に

flutter楽しい!!

Discussion