[Flutter] Change App Name

2021-05-22 hit count image

In this blog post, I will show you how to change the App name in Flutter.

Outline

In Flutter, we create the porject with the command below.

flutter create project_name

When we create the project by the commad above, the project name will be the app name. In this blog post, I will introduce how to change the App name in Flutter.

iOS

To change the app name on iOS in the Flutter project, open ios/Runner/Info.plist file and modify it like below.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
  <dict>
    ...
    <key>CFBundleName</key>
    <string>[APP NAME]</string>
    ...
  </dict>
</plist>

Change the project name to the app name in <string/> on the bottom of CFBundleName.

Android

To change the project name to the app name on Android in Flutter, open android/app/src/main/AndroidManifest.xml file and modify it like below.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.app">
    <application
        android:label="[APP NAME]"
        android:icon="@mipmap/launcher_icon">
    ...
    </application>
</manifest>

Change the project name to the app name in android:label.

Completed

After change the project name to the app name in iOS and Android, you can see the app name is changed well when you execute the app.

Was my blog helpful? Please leave a comment at the bottom. it will be a great help to me!

Posts