私は今年の後半にFlutterアプリケーションに取り組んできましたが、リリースが近づくにつれて、まだアプリアイコンを設定していないことに気付きました。 最初はXcodeとAndroidStudioでアイコンを設定しましたが、flutter_launcher_iconsプラグインを見つけたら、これを手動で行う必要はありません。

これがどのように機能するかを確認するには、現在のFlutterプロジェクトを起動するか、以下のデモに従ってください。

新しいFlutterプロジェクトの作成

いつものように、新しいプロジェクトを設定し、プラグインを追加することから始めます。

# New Flutter project
$ flutter create f_icons

# Open this up inside of VS Code
$ cd f_icons && code .

FlutterLauncherIconsプラグインの追加

pubspec.yamlにアクセスし、次のプラグインをdev_dependenciesに追加します。

dev_dependencies:
  flutter_launcher_icons: ^0.7.4

次に、次のコマンドを実行して、プロジェクトに最新のパッケージがあることを確認できます。

$ flutter pub get

Flutterプロジェクトができたので、アイコンとして設定するロゴが必要になります。 これが私たちが使用できるものです、それがカメラアプリケーションであると想像してください:

App icon

アイコンをassets/images/icon.pngフォルダー、または選択した同様のフォルダー内に配置します。 次に、pubspec.yaml内で、flutter_icons構成オプションを提供する必要があります。

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

これにより、指定したものを使用してAndroidおよびiOS用のアプリケーションアイコンが生成されます。 別のアイコンが必要な場合は、image_path per プラットフォームを提供することで、これをより深く構成することもできます。 方法は次のとおりです。

flutter_icons:
  image_path_ios: 'assets/images/heal.png'
  image_path_android: 'assets/images/heal.png'
  android: true
  ios: true

これを念頭に置いて、先に進んでアイコンを生成しましょう!

ビルドスクリプトを実行する

ターミナル内で、次のビルドスクリプトを実行します。

$ flutter pub run flutter_launcher_icons:main

すべてが正しく機能した場合、次の結果が表示されます。

Android minSdkVersion = 16
Creating default icons Android
Overwriting the default Android launcher icon with a new icon
Overwriting default iOS launcher icon with new icon

結果

デバイスまたはエミュレーターでアプリケーションを実行してみましょう。 素晴らしい新しいアイコンが表示されるはずです。

Tada