When building a global app with Flutter, localizing the content inside the app isn't enough. The first thing a user sees is the app name on their home screen. If your app is in Arabic but the icon label is in English, it creates a disconnected experience.

1. Android Configuration

On Android, the app name is controlled by the AndroidManifest.xml and the resources folder.

Example for values/strings.xml (Default):

<resources>
    <string name="app_name">My Awesome App</string>
</resources>

Example for values-es/strings.xml (Spanish):

<resources>
    <string name="app_name">Mi Increíble Aplicación</string>
</resources>

Finally, update your /android/app/src/main/AndroidManifest.xml file to reference this string resource:

<application android:label="@string/app_name" ...>

---

2. iOS Configuration

iOS uses InfoPlist.strings files to handle localized versions of the app's display name.

1. Open ios/Runner.xcworkspace in Xcode.
2. Select the Project file, go to the Info tab, and add Languages under Localizations.
3. Create a new file named InfoPlist.strings.
4. Click Localize in the inspector panel.

Add the translation key to each file version:

Language	Code Content
English	"CFBundleDisplayName" = "My Awesome App";
Spanish	"CFBundleDisplayName" = "Mi Increíble Aplicación";

Conclusion

Localizing your app name is a small detail that makes a huge difference in user perception. By following these native steps, your Flutter app will feel like a first-class citizen on any device.