How to change the app name in react-native(in android and IOS):

In Android:

To change the app name in react native first go to your project folder and open this path in VScode,
android/app/src/main/res/values/string.xml
Now you can easily change the app name in the string tag.
For example:
<string nam…


This content originally appeared on DEV Community and was authored by maheenriaz

In Android:

To change the app name in react native first go to your project folder and open this path in VScode,
android/app/src/main/res/values/string.xml
Now you can easily change the app name in the string tag.
For example:
<string name="app_name">YOUR_APP_NAME</string>

After changing the app name, uninstall the previous app from your device and run these commands:
$ cd android
$ ./gradlew clean
$ cd ..
$ react-native run-android

For IOS:

Open info.plist, change the value after the key to your app name. Eg.
<key>CFBundleDisplayName</key>
<string>My New App Name</string>
Now uninstall the previous app from your device. Run
$ npm install
$ pod install
Now simply, you can install the new app on your device.
Or you can also change the app name from Xcode.
Go to Xcode, open your project in Xcode, and find the targets tab. Select your project and change the hostname with your app name.

IOS


This content originally appeared on DEV Community and was authored by maheenriaz


Print Share Comment Cite Upload Translate Updates
APA

maheenriaz | Sciencx (2022-01-06T07:36:40+00:00) How to change the app name in react-native(in android and IOS):. Retrieved from https://www.scien.cx/2022/01/06/how-to-change-the-app-name-in-react-nativein-android-and-ios/

MLA
" » How to change the app name in react-native(in android and IOS):." maheenriaz | Sciencx - Thursday January 6, 2022, https://www.scien.cx/2022/01/06/how-to-change-the-app-name-in-react-nativein-android-and-ios/
HARVARD
maheenriaz | Sciencx Thursday January 6, 2022 » How to change the app name in react-native(in android and IOS):., viewed ,<https://www.scien.cx/2022/01/06/how-to-change-the-app-name-in-react-nativein-android-and-ios/>
VANCOUVER
maheenriaz | Sciencx - » How to change the app name in react-native(in android and IOS):. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/01/06/how-to-change-the-app-name-in-react-nativein-android-and-ios/
CHICAGO
" » How to change the app name in react-native(in android and IOS):." maheenriaz | Sciencx - Accessed . https://www.scien.cx/2022/01/06/how-to-change-the-app-name-in-react-nativein-android-and-ios/
IEEE
" » How to change the app name in react-native(in android and IOS):." maheenriaz | Sciencx [Online]. Available: https://www.scien.cx/2022/01/06/how-to-change-the-app-name-in-react-nativein-android-and-ios/. [Accessed: ]
rf:citation
» How to change the app name in react-native(in android and IOS): | maheenriaz | Sciencx | https://www.scien.cx/2022/01/06/how-to-change-the-app-name-in-react-nativein-android-and-ios/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts