Change App Name In React Native

Question

I'm trying to figure out how to change a ReactNative app name. The installed APK on my device is simply "App", with the Android icon. How can I change this?

I've tried changing package.json and re-running react-native upgrade but it didn't update AndroidManifest.xml

Answer 1

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

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

Answer 2

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.

Answer 3

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.

Answer 4

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)

Answer 5

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"
}

Answer 6

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.