私は今年の後半に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プロジェクトができたので、アイコンとして設定するロゴが必要になります。 これが私たちが使用できるものです、それがカメラアプリケーションであると想像してください:

アイコンを自分の中に配置します 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

結果

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