Flavourist is a custom Dart utility that generates native app flavours for our mobile apps. Based off of Angelo Cassano's flutter_flavorizr.
Upstream didn't have an easy way to configure/customise the output directory of the generated main_flavor.dart
files. For our purposes, we wanted to have main.dart
in the root directory of our app, and all other flavour runpoints under lib/config/[flavour_name]/
.
Upstream also hard-rewrites the main.dart
file, a behaviour which wasn't ideal for us, as we had custom logic there.
Flavourist is a streamlined fork of flutter_flavorizr
- Flavours are now defined in a more neutral, root-level
flavors.yaml
file. - VSCode launch profiles are pretty-printed in launch.json
- Default platforms are now defined in a root-level "platforms" key in
flavors.yaml
flavors.yaml
is now streamlined, with each platform implied from the platform array above.
A flutter utility to easily create flavors in your flutter application
If you want to support this project, please leave a star, share this project, or consider donating through Github Sponsor.
Let's start by setting up our environment in order to run Flutter Flavorizr
Side note: this tool works better on a new and clean Flutter project. Since some processors reference some existing files and a specific base structure, it could be possible that running Flutter Flavorizr over an existing project could throw errors.
Before running Flutter Flavorizr, you must install the following software:
These prerequisites are needed to manipulate the iOS and macOS projects and schemes. If you are interested in flavorizing Android only, you can skip this step.
If your app uses a Flutter plugin and you plan to create flavors for iOS and macOS, you need to make sure there's an existing Podfile file under the ios/macos folder. This might lead to problems like "Unable to load contents of file list".
This package is intended to support development of Flutter projects. In general, put it under dev_dependencies, in your pubspec.yaml:
dev_dependencies:
flutter_flavorizr: ^2.2.3
You can install packages from the command line:
pub get
Once all of the prerequisites have been installed and you have added flutter_flavorizr as a dev dependency, you have to edit your pubspec.yaml and define the flavors.
Create a new file named flavours.yaml and define the name of the flavors, in our example apple and banana. For each flavor you have to specify the app name, the applicationId and the bundleId.
flavors:
apple:
app:
name: "Apple App"
android:
applicationId: "com.example.apple"
ios:
bundleId: "com.example.apple"
macos:
bundleId: "com.example.apple"
banana:
app:
name: "Banana App"
android:
applicationId: "com.example.banana"
ios:
bundleId: "com.example.banana"
macos:
bundleId: "com.example.banana"
Alternatively, add a new key named flavorizr and define a sub item named flavors. Under the flavors array you can define the name of the flavors, in our example apple and banana. For each flavor you have to specify the app name, the applicationId and the bundleId. This way of defining flavors will be deprecated in versions 3.x
flavorizr:
flavors:
apple:
app:
name: "Apple App"
android:
applicationId: "com.example.apple"
ios:
bundleId: "com.example.apple"
macos:
bundleId: "com.example.apple"
banana:
app:
name: "Banana App"
android:
applicationId: "com.example.banana"
ios:
bundleId: "com.example.banana"
macos:
bundleId: "com.example.banana"
key | type | default | required | description |
---|---|---|---|---|
app | Object | false | An object describing the general capabilities of an app | |
flavors | Array | true | An array of items. Each of them describes a flavor configuration | |
instructions | Array | false | An array of instructions to customize the flavorizr process | |
assetsUrl | String | link | false | A string containing the URL of the zip assets file. The default points to the current release |
ide | String | false | The IDE in which the app is being developed. Currently only vscode or idea |
value | category | description |
---|---|---|
assets:download | Miscellaneous | Downloads the assets zip from the network |
assets:extract | Miscellaneous | Extracts the downloaded zip in the project .tmp directory |
assets:clean | Miscellaneous | Removes the assets from the project directory |
android:buildGradle | Android | Adds the flavors to the Android build.gradle file |
android:androidManifest | Android | Changes the reference of the app name in the AndroidManifest.xml |
android:dummyAssets | Android | Generates some default icons for your custom flavors |
android:icons | Android | Creates a set of icons for each flavor according to the icon |
flutter:targets | Flutter | Creates a set of targets for each flavor instance |
google:firebase | Adds Google Firebase configurations for Android and iOS for each flavor | |
huawei:agconnect | Huawei | Adds Huawei AGConnect configurations for Android for each flavor |
ide:config | IDE | Generates debugging configurations for each flavor of your IDE |
ios:podfile | iOS | Updates the Pods-Runner path for each flavor |
ios:xcconfig | iOS | Creates a set of xcconfig files for each flavor and build configuration |
ios:buildTargets | iOS | Creates a set of build targets for each flavor and build configuration |
ios:schema | iOS | Creates a set of schemas for each flavor |
ios:dummyAssets | iOS | Generates some default icons for your custom flavors |
ios:icons | iOS | Creates a set of icons for each flavor according to the icon directive |
ios:plist | iOS | Updates the info.plist file |
ios:launchScreen | iOS | Creates a set of launchscreens for each flavor |
macos:podfile | macOS | Updates the Pods-Runner path for each flavor |
macos:xcconfig | macOS | Creates a set of xcconfig files for each flavor and build configuration |
macos:configs | macOS | Creates a set of xcconfig files for each flavor and build configuration |
macos:buildTargets | macOS | Creates a set of build targets for each flavor and build configuration |
macos:schema | macOS | Creates a set of schemas for each flavor |
macos:dummyAssets | macOS | Generates some default icons for your custom flavors |
macos:icons | macOS | Creates a set of icons for each flavor according to the icon directive |
macos:plist | macOS | Updates the info.plist file |
key | type | default | required | description |
---|---|---|---|---|
flavorDimensions | String | "flavor-type" | false | The value of the flavorDimensions in the android build.gradle file |
resValues | Array | {} | false | An array which contains a set of resValues configurations |
buildConfigFields | Array | {} | false | An array which contains a set of buildConfigFields configurations |
key | type | default | required | description |
---|---|---|---|---|
buildSettings | Dictionary | {} | false | An XCode build configuration dictionary XCode Build Settings |
key | type | default | required | description |
---|---|---|---|---|
buildSettings | Dictionary | {} | false | An XCode build configuration dictionary XCode Build Settings |
key | type | default | required | description |
---|---|---|---|---|
name | String | true | The name of the App | |
icon | String | false | The icon path for this flavor |
key | type | default | required | description |
---|---|---|---|---|
applicationId | String | true | The applicationId of the Android App | |
firebase | Object | false | An object which contains a Firebase configuration | |
resValues | Array | false | An array which contains a set of resValues configurations | |
buildConfigFields | Array | false | An array which contains a set of buildConfigFields configurations | |
customConfig | Array | false | An array which contains a set of custom configs, overrides defaultConfig | |
generateDummyAssets | bool | true | false | True if you want to generate dummy assets (icon set, strings, etc) |
icon | String | false | The icon path for this android flavor | |
adaptiveIcon | Array | false | An array which contains foreground and background of adaptive icon |
key | type | default | required | description |
---|---|---|---|---|
bundleId | String | true | The bundleId of the iOS App | |
buildSettings | Dictionary | {} | false | A flavor-specific XCode build configuration dictionary XCode Build Settings |
firebase | Object | false | An object which contains a Firebase configuration | |
variables | Array | false | An array which contains a set of variables configurations | |
generateDummyAssets | bool | true | false | True if you want to generate dummy assets (xcassets, etc) |
icon | String | false | The icon path for this iOS flavor |
key | type | default | required | description |
---|---|---|---|---|
bundleId | String | true | The bundleId of the macOS App | |
buildSettings | Dictionary | {} | false | A flavor-specific XCode build configuration dictionary XCode Build Settings |
firebase | Object | false | An object which contains a Firebase configuration | |
variables | Array | false | An array which contains a set of variables configurations | |
generateDummyAssets | bool | true | false | True if you want to generate dummy assets (xcassets, etc) |
icon | String | false | The icon path for this macOS flavor |
key | type | default | required | description |
---|---|---|---|---|
config | String | false | The path to the Firebase configuration file (google-services.json for Android and GoogleService-Info.plist for iOS and macOS) |
key | type | default | required | description |
---|---|---|---|---|
config | String | false | The path to the AGConnect configuration file (agconnect-services.json) |
key | type | default | required | description |
---|---|---|---|---|
type | String | true | The type of the resValue variable | |
value | String | true | The value of the resValue variable |
flavors:
apple:
app:
name: "Apple App"
android:
applicationId: "com.example.apple"
resValues:
variable_one:
type: "string"
value: "example variable one"
variable_two:
type: "string"
value: "example variable two"
ios:
bundleId: "com.example.apple"
key | type | default | required | description |
---|---|---|---|---|
type | String | true | The type of the buildConfigField variable | |
value | String | true | The value of the buildConfigField variable |
flavors:
apple:
app:
name: "Apple App"
android:
applicationId: "com.example.apple"
buildConfigFields:
field_one:
type: "String"
value: "example field one"
field_two:
type: "char"
value: "y"
field_three:
type: "double"
value: "20.0"
ios:
bundleId: "com.example.apple"
key | type | default | required | description |
---|---|---|---|---|
target | String | false | The type of the target (debug, release, profile). Do not specify a target if you want to apply it to all of them. | |
value | String | true | The value of the variable |
flavors:
apple:
app:
name: "Apple App"
android:
applicationId: "com.example.apple"
ios:
bundleId: "com.example.apple"
variables:
VARIABLE_ONE:
value: "variable1"
VARIABLE_TWO:
target: "Debug"
value: "variable2"
You can define any custom property for android
flavors:
apple:
app:
name: "Apple App"
android:
applicationId: "com.example.apple"
customConfig:
versionNameSuffix: "\"-green-prod\"" # Don't forget to escape strings with \"
signingConfig: flavorSigning.green
versionCode: 1000
minSdkVersion: 23
# ..... and any custom property you want to add
This .yml part, generate this custom android flavor:
apple {
dimension "flavor-type"
applicationId "com.example.apple"
versionNameSuffix "-green-prod"
signingConfig flavorSigning.green
versionCode 1000
minSdkVersion 23
}
You can define adaptiveIcon for android:
flavors:
apple:
app:
name: "Apple App"
android:
applicationId: "com.example.apple"
icon: "assets/icon/appleApp/ic_launcher.png"
adaptiveIcon:
foreground: "assets/adaptive_icon/appleApp/ic_launcher_foreground.png"
background: "assets/adaptive_icon/appleApp/ic_launcher_background.png"
After removing adaptiveIcon key, the adaptive icons generated before will still exist. Please delete adaptiveIcon manually.
When you finished defining the flavorizr configuration, you can proceed by running the script with:
flutter pub run flutter_flavorizr
You can also run flutter_flavorizr with a custom set of processors by appending the -p (or --processors) param followed by the processor names separated by comma:
flutter pub run flutter_flavorizr -p <processor_1>,<processor_2>
Example
flutter pub run flutter_flavorizr -p assets:download
flutter pub run flutter_flavorizr -p assets:download,assets:extract
Once the process has generated the flavors, you can run them by typing
flutter run --flavor <flavorName> -t lib/main_<flavorName>.dart
Example
flutter run --flavor apple -t lib/main_apple.dart
flutter run --flavor banana -t lib/main_banana.dart
Currently, due to a bug in the Flutter SDK, it's not possible to run the macOS flavors from the terminal. You can run them from XCode by selecting the proper schema and by pressing play.
By default, when you do not specify a custom set of processors by appending the -p (or --processors) param, a default processors set will be used:
- assets:download
- assets:extract
- android:androidManifest
- android:buildGradle
- android:dummyAssets
- android:icons
- flutter:flavors
- flutter:app
- flutter:main
- flutter:targets
- ios:podfile
- ios:xcconfig
- ios:buildTargets
- ios:schema
- ios:dummyAssets
- ios:icons
- ios:plist
- ios:launchScreen
- macos:podfile
- macos:xcconfig
- macos:configs
- macos:buildTargets
- macos:schema
- macos:dummyAssets
- macos:icons
- macos:plist
- google:firebase
- huawei:agconnect
- assets:clean
- ide:config
Flutter_flavorizr creates different dart files in the lib folder. In the flavors.dart file we have the F class which contains all of our customizations.
class F {
static Flavor? appFlavor;
static String get title {
switch (appFlavor) {
case Flavor.apple:
return 'Apple App';
case Flavor.banana:
return 'Banana App';
default:
return 'title';
}
}
}
The process creates a simple title customization: a switch which checks the current appFlavor (defined in our app starting point) and returns the correct value. Here you can write whatever you want, you can create your custom app color palette, differentiate the URL action of a button, and so on.
If you are wondering how to use these getters, you can find an example under the pages folder: in the my_home_page.dart file, the page shown after the launch of the app, we can see a clear reference on the title getter defined in the F class.
I haven't found yet a good groovy parser to guarantee the idempotency of the AndroidBuildGradleProcessor.
The only way to keep track of the autogenerated flavorDimensions is to mark up the beginning and the end of the section with magic comments.
Please do not erase these comments otherwise you will break down the AndroidBuildGradleProcessor.
In order to flavorize your project and enable Firebase in your flavor you have to define a firebase object below each OS flavor. Under the firebase object you must define the config path of the google-services.json (if you are under Android configuration) or GoogleService-Info.plist (if you are under iOS or macOS configuration).
As you can see in the example below, we added the path accordingly
flavors:
apple:
app:
name: "Apple App"
android:
applicationId: "com.example.apple"
firebase:
config: ".firebase/apple/google-services.json"
ios:
bundleId: "com.example.apple"
firebase:
config: ".firebase/apple/GoogleService-Info.plist"
banana:
app:
name: "Banana App"
android:
applicationId: "com.example.banana"
firebase:
config: ".firebase/banana/google-services.json"
ios:
bundleId: "com.example.banana"
firebase:
config: ".firebase/banana/GoogleService-Info.plist"
In order to flavorize your project and enable AppGallery Connect in your flavor
you have to define an agconnect object below each Android flavor. Under the agconnect object you must define the config path of the agconnect-services.json.
As you can see in the example below, we added the path accordingly
flavors:
apple:
app:
name: "Apple App"
android:
applicationId: "com.example.apple"
agconnect:
config: ".agconnect/apple/agconnect-services.json"
ios:
bundleId: "com.example.apple"
banana:
app:
name: "Banana App"
android:
applicationId: "com.example.banana"
agconnect:
config: ".agconnect/banana/agconnect-services.json"
ios:
bundleId: "com.example.banana"
How to fix the error "Unable to load contents of file list"
Easily build flavors in Flutter (Android and iOS) with flutter_flavorizr - Angelo Cassano
Get the best out of Flutter flavors with flutter_flavorizr - Pierre Monier
- Let the user define its custom set of available instructions.
Please feel free to submit new issues if you encounter problems while using this library.
If you need help with the use of the library or you just want to request new features, please use the Discussions section of the repository. Issues opened as questions will be automatically closed.
Flutter Flavorizr is available under the MIT license. See the LICENSE file for more info.