Flutterのアイコン画像を変更する方法

目次

パッケージで簡単に変更

STEP

アイコンのデザイン

オリジナルのアイコン画像をデザインします。一般的なサイズは1024×1024ピクセルです。デザインしたアイコンをasset/icon/app_icon.pngに保存します。

STEP

画像サイズの調整

iOSとAndroidで必要なさまざまなサイズにアイコンをリサイズします。これには多くのサイズが必要ですが、下記のツールを使用して自動化することができます。

STEP

flutter_launcher_iconsパッケージのインストール

下記のコマンドを実行します。

flutter pub add flutter_launcher_icons
STEP

flutter_icons項目の作成

pubspec.yamlに新しい項目を追加します。image_pathを先ほど保存した場所に指定します。

pubspec.yamal
# 下記を追加します。
flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/app_icon.png"
STEP

アイコンの生成

下記コマンドでアイコンを生成します。

flutter pub run flutter_launcher_icons:main

このコマンドを実行すると、flutter_launcher_icons パッケージがiOSとAndroid用の適切なアイコンサイズを生成し、それぞれのプラットフォームの適切なディレクトリに配置します。

STEP

設定の確認

  • iOS: Runner/Assets.xcassets/AppIcon.appiconset フォルダ内のアイコンが新しいものに置き換わっていることを確認します。
  • Android: android/app/src/main/res ディレクトリ内のアイコンフォルダが更新されていることを確認します。
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次