目次
パッケージで簡単に変更
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 ディレクトリ内のアイコンフォルダが更新されていることを確認します。
コメント