flutter_launcher_iconsを使用してFlutterアプリアイコンを自動的に生成する
私は今年の後半に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
結果
デバイスまたはエミュレーターでアプリケーションを実行してみましょう。 素晴らしい新しいアイコンが表示されるはずです。