How to change Flutter app name depending on flavor?

Question

I have development and production flavor for Flutter app.

Issue is label and launcher are same for both development and production app so cannot see difference. (Actually cannot install both on device at same time)

What is simple way to change Flutter app name depending on flavor?

I know can change app label and launcher by modify AndroidManifest.xml and Xcode info.plist. But this not simple: must make additional file for reference in xml and plist file. Modify like this is against aim of Flutter.

Anyone know solution?

Thanks!

Lolitaloll

The simple answer is that there's no simple way to do that, your Continuous Deployment system would have to do these changes and other ones, such as different urls to projects/ database/ auth/ etc, all depending on your environment. – Melancholic

flutter.io/docs/deployment/flavors – Distaste

Answer 1

Simply have this in android project app gradle :

flavorDimensions "default"
productFlavors {
    dev {
        resValue "string", "app_name", "AppName_DEV"
    }
    demo {
        resValue "string", "app_name", "AppName_Demo"
    }

    prod {
        resValue "string", "app_name", "AppName"
    }
}

and then in your AndroidManifest just use this :

android:label="@string/app_name"

it will generate unResolved app_name and it's done!

Crossley

This is what I was missing! Thanks @Vahab – Tarim

...and for iOS?? – Internationalism

Answer 2

For android create a directory under src for each flavor. Within each source create a directory named res, and in that create a directory named values.

Then in each values directory create a file named strings.xml

Add the following to the this file:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">App 1</string>
</resources>

This creates a string named app_name that can be used in the Android Manifest.

To use the string change the android:label in the application tag in the AndroidManifest.xml, as follow:

    <application
        android:name="io.flutter.app.FlutterApplication"
        android:label="@string/app_name"
        android:icon="@mipmap/ic_launcher">

Also add a default strings.xml into the main res values directory. Within that one set the value to something like "Default Flavor Res" to make you attend that the flavor doesn't have a resources file for strings.

Reference: http://cogitas.net/creating-flavors-of-a-flutter-app/

Narbonne

Answer 3

Android has been covered in multiple answers. On iOS, you can achieve the same by setting up multiple build configurations and schemes, creating a user-defined setting, e.g. APP_DISPLAY_NAME, setting the value of this per build configuration, then in Info.plist setting the Bundle display name to ${ APP_DISPLAY_NAME }.

https://medium.com/swift2go/different-app-display-name-based-on-xcode-scheme-d709307d0c01

Internationalism

Answer 4

Are you sure you have kept project structure proper, like keeping flavor folder outside src package in android can create this issue, please see my flavor package structure for android as below.

Cytolysin

Answer 5

Add in pubspec.yaml:

flutter_flavor:
  dimensions:
    android: "flutter-flavor"
    ios: "flutter-flavor"

  flavors:
    apple:
      android:
        name: "Apple App"
        applicationId: "com.example.apple"
        googleAdsId: "ca-app-pub-1234567890123456~1234567890"
      ios:
        name: "Apple App"
        bundleId: "com.example.apple"
        googleAdsId: "ca-app-pub-1234567890123456~1234567890"

    bannana:
      app:
        name: "Bannana App"
        id: "com.example.bannana"
      android:
        googleAdsId: "ca-app-pub-1234567890123456~1234567890"
      ios:
        googleAdsId: "ca-app-pub-1234567890123456~1234567890"

Generating flavors: > flutter pub run flutter_flavor:main

Abydos

is this a package? – Panto