【Flutter】アプリ名とアイコンの変更

アプリ名の変更

アプリ名の変更はAndroid,iOSで変更方法が異なります。

//Androidの場合
 android/app/src/main/AndroidManifest.xmlの android:labelを書き換え
//iOSの場合
 ios/Runner/info.plistの keyがCFBundleNameの文字列を書き換え

※pubspec.yamlのnameを書き換えることで共通で変更する方法もあります。
ただし、こちらは名前がキャメルケース出ないといけないです。

アイコンの変更

1,画像を作成する。

　アイコンのサイズは512×512で作成します。

2,アイコンを変更する

flutterの公式ドキュメントにflutter_launcher_iconsを使用する方法が記載されています。

1,ファイルを編集

pubspec.yml

dev_dependencies:
  # ・・・省略・・・
  flutter_launcher_icons: ^0.7.4

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

備考:
AndroidとiOSで画像を分けたい場合やアダプティブアイコンを使用したい場合は、
image_pathの部分を下記のように記述します。

pubspec.yml

  # image_path: 'lib/assets/icon.png' を↓に変更する。
  image_path_android: 'lib/assets/android_icon.png'
  image_path_ios: 'lib/assets/ios_icon.png'

  # アダプティブアイコンを使用したい場合はbackgroundとforegroundの2種類を設定
  adaptive_icon_background: 'lib/assets/background.png'
  adaptive_icon_foreground: 'lib/assets/foreground.png'

参考:こちらのAttributeのところに詳細な説明が記載されています。
https://pub.dev/packages/flutter_launcher_icons

2,コマンドを打つ(インストールと画像生成コマンド)

# インストールする
 flutter pub get
# 画像を生成する　これを忘れないように！
 flutter pub run flutter_launcher_icons:main

3,起動する

 flutter run

備考(アプリのアイコンデザインについて)

アイコンデザインに関しては下記のガイドライン等が参考になります。
よかったら見てみてください。

googlePlayIconのアイコンデザイン仕様。
https://developer.android.com/google-play/resources/icon-design-specifications?hl=ja
iOSのアイコンデザイン仕様。
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/