広告

Flutterラボの

プレミアム会員になる

【Flutter】アプリアイコンをiOSとAndroid用に同時に一括生成する

2020.09.29

アプリをストアにリリースするためには、アプリアイコンを作成しておく必要があります。

画像を用意

アプリアイコンに使う画像を、assets/icons に保存しておきます。

画像サイズは、iOSが1024px、Androidが512px、AndroidのAdaptiveIconが432px × 2 で合計4枚の画像を用意します。

画像1

パッケージを取得

『flutter_launcher_icons』パッケージを取得します。
pubspec.yamlファイルを編集

dev_dependencies:
 flutter_test:
   sdk: flutter

 flutter_launcher_icons: any # この行を追加

『Pub get』でパッケージを取得します。

アプリアイコンを生成

同じくpubspec.yamlファイルに以下のコードを追記して、プロジェクト内に保存している画像ファイルを指定します。

flutter_icons:
 ios: true
 android: true
 image_path_ios: "assets/icons/icon_1024.png"
 image_path_android: "assets/icons/icon_512.png"
 adaptive_icon_foreground: "assets/icons/foreground_432.png"
 adaptive_icon_background: "assets/icons/background_432.png"

実際に追記した後の画像も載せておくので参考にしてください。

画像2

後は、以下のコマンドをプロジェクト内からコマンドで実行すればアプリアイコンが自動生成されます。

flutter pub pub run flutter_launcher_icons:main

Android Studio を使用している方は、画面下部に『Terminal』タブがあるのでそこから実行することができます。

画像3

画像4

これでアプリアイコンの一括生成は完了です。

画像5

リンク

flutter_launcher_icons | Dart Package A package which simplifies the task of updating your Flutter pub.dev
ハッチアウトスクール A new Flutter application.ハッチアウトスクールの公式サイトです hatchout.net


Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)