Changing Your Flutter App’s Display Name: A Comprehensive Guide

Changing Your Flutter App's Display Name: A Comprehensive Guide

19 December 2024 Stephan Petzl Leave a comment Tech-Help

When developing a Flutter application, you might find yourself needing to change the app’s display name for various reasons—perhaps to better reflect your brand or to provide a more descriptive title. This guide will walk you through the process of changing the app display name across different platforms, ensuring a consistent user experience.

Changing the App Name on Android

The Android app name is stored in the AndroidManifest.xml file. Follow these steps to update it:

  1. Navigate to android/app/src/main/AndroidManifest.xml.
  2. Locate the <application> tag.
  3. Modify the android:label attribute to your desired app name.

Example:

<application
    android:label="My Trips Tracker" ...>
  

Changing the App Name on iOS

For iOS, you will need to edit the Info.plist file:

  1. Open ios/Runner/Info.plist.
  2. Find the <key>CFBundleDisplayName</key>.
  3. Change the <string> value to your desired app name.

Example:

<key>CFBundleDisplayName</key>
<string>My Trips Tracker</string>
  

Additional Considerations for Other Platforms

If you’re deploying your Flutter app to Windows or Linux, you may need to adjust additional files:

  • Windows: Update the windows/runner/Runner.rc file to modify the ProductName.
  • Linux: Edit the linux/my_application.cc to set the desired title.

Automating the Process with Plugins

If you prefer an automated approach, consider using the flutter_launcher_name plugin:

  1. Add the following to your pubspec.yaml:
  2. dev_dependencies:
      flutter_launcher_name: "^0.0.1"
    
    flutter_launcher_name:
      name: "My Trips Tracker"
      
  3. Run the following commands to apply the changes:
  4. flutter pub get
    flutter pub run flutter_launcher_name:main
      

Using this plugin simplifies the process by updating the necessary files for both Android and iOS.

Conclusion

Changing your app’s display name in Flutter is a straightforward process that can be accomplished manually or through plugins. By following the steps outlined above, you can ensure that your app’s name is consistent across all platforms, enhancing your brand’s visibility and user experience.

Enhance Your Testing Workflow with Repeato

While updating your app’s display name, it’s crucial to ensure that the change does not impact other functionalities. This is where Repeato can be particularly beneficial. Repeato is a no-code test automation tool designed for iOS and Android. It allows you to create, run, and maintain automated tests efficiently, ensuring that updates like display name changes don’t introduce new issues. By leveraging computer vision and AI, Repeato makes it easy to ensure your app runs smoothly across all scenarios.

Like this article? there’s more where that came from!