How can I change the app display name build with Flutter

Question

I have created the app using Flutter create testapp  Now  I want to change the app name from  quot testapp quot  to  quot My Trips Tracker quot   How can I do that  I have tried changing from the AndroidManifest xml  and it got changed  but is there a way that Flutter provides to do that

User · Answer

By default  when a flutter app gets installed  the app name on the launcher is your Flutter project name  To change that to your desired application name on Android or iOS both  you need to change AndroidManifest xml and Info plist respectively  here is a two way to achieve this 1 By plugin You can use a flutter rename plugin  It helps you to change your flutter project s AppName and BundleId for different platforms  currently only available for iOS  Android and macOS You can change the bundleId and appName in the following steps Default Usage if you dont pass -t or --target parameter it will try to rename all available platform project folders inside flutter project  Run this command inside your flutter project root  pub global run rename --bundleId com onatcipli networkUpp pub global run rename --appname  quot Test App Name quot   Custom Usage if you want to run commands directly  without using pub global run  ensure you add system catche bin directory to your path rename --appname yourappname -t ios  or pub global run rename --appname yourappname --target macOS  To target a specific platform use the  quot --target quot  option  e g  pub global run rename --bundleId com example android app --target android  2 By manual For Android App Name is reflected under Android gt src gt main gt Androidmanifest xml The label name in the Android manifest is responsible for giving the App Name for Android Application Go to AndroidManifest xml  find  lt application gt  tag  Change its android label property with your desired app name  Navigate to the   android app src main AndroidManifest xml  The Androidmanifest xml can now be modified  Choose the  lt application   android name  quot io flutter app FlutterApplication quot    android label  quot YourAppName quot    android icon  quot  mipmap ic launcher quot  gt   For Package Name  lt manifest xmlns android  quot http   schemas android com apk res android quot      package  quot your package name quot  gt   This portion represents the actual Android file naming system  Important information like Launcher Icon and App name can be controlled here  Modify the android label  to change the App Name only  For iOS For iOS  open info plist  Change CFBundleName  Bundle Name   Go to the Xcode project folder and open Info plist for edit  in Xcode you can choose Open As  gt  Source Code in the file context menu   All we need is to edit the value for key CFBundleName  It   s a user-visible short name for the bundle  Navigate to the  project ios Runner Info plist  Find the CFBundleName  lt key gt   This denotes the Key that holds the app name  The app name now can be changed by modifying the  lt String gt   lt  String gt  below that   lt key gt CFBundleName lt  key gt   lt string gt YouAppName lt  string gt   That   s it  By having these changes  That   s achieved  an updated application name in the launcher when an app gets installed on a device  your new app name will be displayed on your phone now

User · Answer

One problem is that in iOS Settings  iOS 12 x  if you change the Display Name  it leaves the app name and icon in iOS Settings as the old version

User · Answer

As of 2019-12-21  you need to change the name  NameOfYourApp  in file pubspec yaml  Then go to menu Edit   Find   Replace in Path  and replace all occurrences of your previous name  Also  just for good measure  change the folder names in your android directory  e g  android app src main java com example yourappname  Then in the console  in your app s root directory  run flutter clean

User · Answer

You can change it in iOS without opening Xcode by editing file  project ios Runner info plist  Set  lt key gt CFBundleDisplayName lt  key gt  to the string that you want as your name  For Android  change the app name from the Android folder  in the AndroidManifest xml file  android app src main  Let the android label refer to the name you prefer  for example   lt manifest xmlns android  quot http   schemas android com apk res android quot       lt application         android label  quot test quot             The rest of the code      lt  application gt   lt  manifest gt

User · Answer

Review the default app manifest file  AndroidManifest xml  located in  lt app dir gt  android app src main  Edit the android label to your desired display name

User · Answer

Android  Open AndroidManifest xml  located at android app src main    lt application     android label  App Name      gt     Your app name here     iOS  Open info plist  located at ios Runner    lt key gt CFBundleName lt  key gt   lt string gt App Name lt  string gt     Your app name here     Don t forget to run  flutter clean

User · Answer

The way of changing the name for iOS and Android is clearly mentioned in the documentation as follows   Build and release an Android app Build and release an iOS app  But  the case of iOS after you change the Display Name from Xcode  you are not able to run the application in the Flutter way  like flutter run  Because the Flutter run expects the app name as Runner  Even if you change the name in Xcode  it doesn t work  So  I fixed this as follows  Move to the location on your Flutter project  ios Runner xcodeproj project pbxproj  and find and replace all instances of your new name with Runner  Then everything should work in the flutter run way  But don t forget to change the name display name on your next release time  Otherwise  the App  Store rejects your name

User · Answer

For Android  change the app name from the Android folder  In the AndroidManifest xml file  in folder android app src main  let the android label refer to the name you prefer  for example   lt manifest xmlns android  quot http   schemas android com apk res android quot       lt application          android label  quot myappname quot              The rest of the code      lt  application gt   lt  manifest gt

User · Answer

First Rename your AndroidManifest xml file android label  quot Your App Name quot   Second Rename Your Application Name in Pubspec yaml file name  Your Application Name Third Change Your Application logo flutter icons     android   quot launcher icon quot     ios  true    image path   quot assets path your Application logo formate quot   Fourth Run flutter pub pub run flutter launcher icons main

User · Answer

There is a plugin  flutter launcher name  Write file pubspec yaml  dev dependencies    flutter launcher name   quot  0 0 1 quot   flutter launcher name    name   quot yourNewAppLauncherName quot   And run  flutter pub get flutter pub run flutter launcher name main  You can get the same result as editing AndroidManifes xml and Info plist

User · Answer

There are several possibilities  1- The use of a package  I suggest you to use flutter launcher name because of the command-line tool which simplifies the task of updating your Flutter app s launcher name  Usage  Add your Flutter Launcher name configuration to your pubspec yaml file  dev dependencies    flutter launcher name   quot  0 0 1 quot   flutter launcher name    name   quot yourNewAppLauncherName quot   After setting up the configuration  all that is left to do is run the package  flutter pub get flutter pub run flutter launcher name main  If you use this package  you don t need modify file AndroidManifest xml or Info plist  2- Edit AndroidManifest xml for Android and info plist for iOS For Android  edit only android label value in the application tag in file AndroidManifest xml located in the folder  android app src main Code   lt manifest xmlns android  quot http   schemas android com apk res android quot  gt       lt application         android name  quot io flutter app FlutterApplication quot          android label  quot Your Application Name quot     here         android icon  quot  mipmap ic launcher quot  gt           lt activity gt           lt  --  -- gt           lt  activity gt       lt  application gt   lt  manifest gt   Screenshot   For iOS  edit only the value inside the String tag in file Info plist located in the folder ios Runner   Code   lt plist version  quot 1 0 quot  gt   lt dict gt       lt key gt CFBundleName lt  key gt       lt string gt Your Application Name  lt  string gt     here  lt  dict gt   lt  plist gt   Screenshot   Do a flutter clean and restart your application if you have a problem

User · Answer

UPDATE  From the comments this answer seems to be out of date  The Flutter documentation points out where you can change the display name of your application for both Android and iOS  This may be what you are looking for    Preparing an Android App for Release Preparing an iOS App for Release   For Android  It seems you have already found this in the AndroidManifest xml as the application entry      Review the default App Manifest file AndroidManifest xml located in    android app src main  and verify the values are correct    especially       application  Edit the application tag to reflect the final name of the   app    For iOS  See the Review Xcode project settings section      Navigate to your target   s settings in Xcode       In Xcode  open Runner xcworkspace in your app   s ios folder        To view your app   s settings  select the Runner project in the Xcode project   navigator  Then  in the main view sidebar  select the Runner target       Select the General tab  Next  you   ll verify the most important   settings       Display Name  the name of the app to be displayed on the home screen   and elsewhere

User · Answer

You can change it in iOS without opening Xcode by editing the project ios Runner info plist  lt key gt CFBundleDisplayName lt  key gt  to the String that you want as your name   FWIW - I was getting frustrated with making changes in Xcode and Flutter  so I started committing all changes before opening Xcode  so I could see where the changes show up in the Flutter project

[android] How can I change the app display name build with Flutter?

Examples related to android

Examples related to ios

Examples related to flutter

Examples related to dart

Examples related to build