Tech blogg

Flutter, Change name of your application - complete guide!

Typically, before launching a new app, you will need to change the name of your Flutter application. While developing your application, the app will typically have a "dev" name, and you will most likely want to change this before submitting the app to Apple App store og Google Play.

Follow this step-by-step instruction to implement the necessarry changes.

1. Update pubspec.yaml

Open pubspec.yaml, and change the "name" field and the "description" field:
name: "myflutterapp"
description: "My Flutter App"

When making changes to pubspec.yaml, you should run the following command in the TERMINAL window to see the changes: flutter pub get

After you made changes to the "name" field in pubspec.yaml, you will most likely get a lot of errors in your Flutter project. This is due to the "package import" names now being wrong.

Do a "search-replace all" from the old name to new name as follows: from ":oldappname/" to ":myflutterapp/"

Remember to include the : and the / in the search-replace, as you otherwise may end up replacing unwanted items.

2. Change the "Title" attribute in the MaterialApp

This is typically located in the main.dart file. The "Title" attribute is shown in the above image.

3. Android specific changes

Open the AndroidManifest.xaml file in "android/app/src/main/AndroidManifest.xaml"

Open the build.gradle file in "android/app/build.gradle"
Change the "applicationId" and the "namespace" as shown in the following image

OBS! Do not change your applicationId after publishing. If you do, Google Play will see the new upload as a different app.

Change the folder structure and package declarations to use the new namespace
Right click on the name to change in the folder structure as shown in the image below

4. iOS specific changes

Open info.plist in "ios/Runner/Info.plist"
Change CFBundleName and CFBundleDisplayName in this file

Change Bundle identifier for iOS platform

iOS app has the bundle identifier set in Info.plist file as value for the key CFBundleIdentifier. First check and make sure that this key in Info.plist file points to a variable like this:

<key>CFBundleIdentifier</key>
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>

To set a new value for this variable, open the following file: project/ios/Runner.xcodeproj/project.pbxproj

Find the PRODUCT_BUNDLE_IDENTIFIER variable and change its value to the identifier you want to use.

This variable will be present in at least 3 places (not necessary to change Test-items). Replace all occurrences.

PRODUCT_BUNDLE_IDENTIFIER = no.myflutterapp.app;

Flutter Change Name - iOS change bundle identifier in project.pbxproj

Make custom URL-scheme so that apps can communicate with your app
Only needed if you need to open other apps and redirect back to your app

Access Info.plist again and add the information as shown in the below image:

And that should do the trick :)

André Vold

André Vold

Her er en rask liten BLOGGER BIO for å fortelle litt om min bakgrunn - og hvorfor jeg valgte programmering som fagfelt.

Jeg vokste opp i Norge, men gikk på universitet i USA. Jeg er sivilingeninør med grad innen "Computer Engineering" fra Arizona State University. Etter utdannelsen flyttet jeg tilbake til Norge, begynte å arbeide på Norsk Data og senere IBM, og tok videreutdannelse på BI innen Master of Management. Etter flere år som divisjonsdirektør i IBM Norge, valgte jeg å starte e-læringsfirmaet Apropos Internett AS . Senere startet jeg også ViroSafe Norge AS som importerer og distribuerer anti-malware og anti-virus software og hardware.

Det har alltid vært essensielt for meg å holde meg oppdatert innen teknologiske endringer og trender - ikke bare for å kunne holde programmeringskunnskaper på topp, men også for min suksess som gründer.

Lumino blogger omfatter en rekke temaer som har vært essensiell for min virksomhet, og som derfor kan være relevant for din.