How to change display name of an app in react-native

Question

Apple have clear instructions on how to change the display name of an IOS app, but they are not useful for a react-native app because the folder structure is different. How do you change the display name if you have a react-native app?

Answer 1

iOS

Goto ios/<Appname>/Info.plist and edit the $(PRODUCT_NAME) to change the display name

<key>CFBundleName</key> <string>$(PRODUCT_NAME)</string> 

Android

Goto android/app/src/main/res/values/strings.xml and edit the APP_NAME to change the name

<string name="app_name">APP_NAME</string> 

Answer 2

for ios just add this to Info.plist

<key>CFBundleDisplayName</key> <string>APP_NAME</string> 

for android edit strings.xml file which located in res/values/

<string name="app_name">APP_NAME</string>