Flutterのアプリアイコンを环境ごとに分ける

本记事では,Flutterのアプリアイコンをンを环境ごとに分ける简単な方法について绍介します。

アプリアイコン以外全般については,iOSメインですが以下をご覧ください。

Flutterで环境ごとにビルド设定を切り替える— iOS编
最低限度,以下くらいには分けると円滑に开発・テスト・リリースができます。

flutter_launcher_iconsを利用

Flutterには,flutter_launcher_iconsというiOS ・ Andoidアプリアイコンを生成するとても便利なツールがあります。

flutter_launcher_icons | 飞镖包
flutter_launcher_icons Dart软件包–该软件包简化了更新Flutter应用的启动器图标的任务… pub.dartlang.org fluttercommunity / flutter_launcher_icons
Flutter启动器图标–一个软件包,简化了更新Flutter应用程序的启动器图标的任务。 完全… github.com

基本的な使い方は以下です。

1.インストール

  #pubspec.yaml 
dev_dependencies:
flutter_launcher_icons:“ ^ 0.7.0”

2.设定を记述

  #pubspec.yaml(flutter_launcher_icons-development.yamlでも良い) 
flutter_icons:
image_path:“ assets / images / icon.png”
android:true
ios:是的

もっと细かい指定も可能ですが,READMEを见てください

3.画像ファイルを配置

上で指定したimage_pathの场所にアイコンに指定したい画像ファイルを置く。

4.コマンド実行

  $ flutter包pub运行flutter_launcher_icons:main 

风味ごとにアイコンを変える

そして,本题のFlavorごとにアイコンを変えるやり方です。

以下のPull Requestで対応された机能ですが,まだ使い方のサンプルなど整っておらず, masterではなくflavorブランチに隔离されています。

通过sestegra读取风味图标文件·提取请求#69·fluttercommunity / flutter_launcher_icons
预期文件如下:flutter_launcher_icons.yaml或pubspec.yaml,来自默认图标flutter_launcher_icons… github.com

にマのため,とりあえずブランチを使います。materにマージされ次第,记事を更新します。

以下,手顺を说明していきます(iOS版の说明になりますがAndroid版も大体同じなので适宜読み替えてください)。

1.対応版をインストール

次のようにgitリポジトリとブランチを指定します(masterにマージされたら不要になります)。

  dev_dependencies: 
flutter_test:
SDK:颤振
flutter_launcher_icons:
git:
网址:https://github.com/fluttercommunity/flutter_launcher_icons.git
参考:风味

2.风味ごとに设定ファイルを记述

flutter_launcher_icons- [Flavor] .yamlという形式で设定ファイルを用意します。

  • flutter_launcher_icons-development.yaml
  • flutter_launcher_icons-staging.yaml
  • flutter_launcher_icons-production.yaml

,画像ファイルとして违うものを指定します。

  #flutter_launcher_icons-development.yaml 
flutter_icons:
image_path:“ assets / images / icon-development.png”
android:true
ios:是的

3.画像ファイルを配置

  • asset / images / icon-development.png
  • 资产/图片/icon-staging.png
  • 资产/图片/图标制作.png