Change App Name React Native

Often, we do not put much thought into naming a project when we start it off. But later, especially when trying to make a distribution-ready application, we want a good, catchy name for our app. In React Native, it is not very clear as to how we can change the name of our application. Here is how you can do it:

1. Make a backup of any files you made changes to inside your android or ios directory.
2. Remove both these directories.
3. Open app.json from the project’s root directory and change the value of the key called displayName to whatever you want the name of your application to be.
4. Run the command react-native eject at your project’s root directory. This command will create the android and ios directories.
5. Replace the files that you backed up before removing the two directories.

Done! You have changed your app name!