Change App Name In React Native

The generator does not override the strings.xml file located in android/app/src/main/res/values/, so you have to change the app_name variable manually

---

For Android

Modify displayName in app.json file

Modify app_name in android/app/src/main/res/values/strings.xml

then Run these commands one by one

cd android
./gradlew clean
cd ..
react-native run-android

For iOS

Modify Display Name in Project target (General Tab)

https://i.stack.imgur.com/PYp4A.png

---

Try react-native-rename this npm package will ease the process

This package assumes that you created your react-native project 
using react-native init.

Note: This package does not attempt to properly rename build artifacts such as ios/build or Cocoa Pod installation targets. After renaming your project you should clean, build, and reinstall third party dependencies to get it running properly with the new name.

// in project directory

   npx react-native-rename <newName>

---

First of all: Open app.json file in your react-native project directory. And, just replace displayName json property's value in this file. e.g.:

{
    "name": "SomethingSomething",
    "displayName": "My New App Name"
}

For Android app: Open strings.xml file, replace the <string name="app_name"> tag's value to your new app name. e.g.:

<string name="app_name">My New App Name</string>

For iOS: Open info.plist, replace the value after <key>CFBundleDisplayName</key> to your app name. e.g.:

<key>CFBundleDisplayName</key>
<string>My New App Name</string>

Uninstall your previous app installed on your device. Use npm install in project main directory, in ios folder directory run pod install commands. Now, simply install app in your device.

---

The way I did this for android (hacky, but it works) is just changed the string app_name field in

android/app/src/main/res/values/strings.xml

It will change the name of your installed android app to whatever you put as the value.

---

UPDATE 2021 React native version: 0.64.0

Android

Find and open following files and change as required.
\android\app\src\main\res\values\strings.xml

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

app.json

{
  "name": "MyApp",
  "displayName": "My App"
}

iOS

Find and open the \ios\YourAppName\Info.plist and change as required.
NOTE: if your name has spaces use   instead of spaces.

<key>CFBundleDisplayName</key>
<string>My&#x2007;App</string>

---

I find that, if you want to change both the app name and the package name (i.e. rename the entire app), the following steps are necessary:

Make sure you don't have anything precious (non-generated, manually copied resources) in the android/ and ios/ subfolders.

Delete both the android/ and ios/ folder.

Change the "name" entry in your package.json to the new name.

Change the app name in both your index.android.js and index.ios.js: AppRegistry.registerComponent('NewAppName', () => App);

Run react-native upgrade to re-generate the platform subfolders.

If you have linked resources (like custom fonts etc.) run react-native link.

If you have other generated resources (like app icons) run the scripts to generate them (e.g. yo).

Finally, uninstall the old app on each device and run the new one.

---

If you are asking only for Android here is solution

Modify displayName in /app.json file

Modify app_name in android/app/src/main/res/values/strings.xml

then Run these commands one by one

cd android
gradlew clean
cd ..
react-native run-android

---

If you don't have any thing precious in your android folder, you can delete the folder then run react-native upgrade then react-native android. These will recreate AndroidManifest.xml along with necessary files and folders. (Tried on 0.18 in Windows 10)

---

for android android/app/src/main/res/values/strings.xml My Android App

for ios Just open it in xCode select project tab general just rename it.

---

simply change <string name="app_name"> 'NEW_APP_NAME' </string> located in

[project_dir]/android/app/src/main/res/values/strings.xml

NOTE: recommended

react-native-rename

by Paul Nyondo maybe affect MainApplication.java file, DON'T USE IT!

---

You can try this

Update displayName in app.json to the new name Delete ios/ and android/ directories Run react-native eject Run react-native link

---

before changing the app name get your code's backup and then , Go to following path in and replace your app name with new app name and change i one more file app.json E:***\android\app\src\main\res\values\strings.xml

<resources>
    <string name="app_name">New Name</string>
</resources>

app.json

{
  "name": "oldName",
  "displayName": "New Name"
}

---

Simply way

PROJECT >android > app > main > res > style

Then change the app name

---

first of all create a whole backup of the project including node modules (in order to restore icons/phots ..etc in the future)

Update name and displayName in app.json to the new name rename app folder the same as app name Delete ios/ and android/ directories delete ndoe modules update name in package.json (you must use new name for import & require() in your code. eg : import {x} from 'NewAppName/src/api') watchman watch-del-all rm -rf /tmp/haste-map-react-native-packager-* rm -rf /tmp/metro-bundler-cache-* restart pc sudo npm install react-native eject restore icons/images react-native link restart pc run app caution : you may have to setup things manually. in my case SplashScreen

---

Changed my app name in android/app/src/main/res/values/strings.xml as:

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

and re-run using npx react-native run-android

---

To change the name of the react-native Application

1 . Open ./android/app/src/main/java/[multiple folders]/MainActivity.java

 @Override
  protected String getMainComponentName() {
    return "NameOfTheApp";
  }

Open android/app/src/main/res/values/strings.xml NEW APP NAME Change Name in App.json and package.json.

4.For clean android project run following command

cd android &&./gradlew clean

---