DEV Community

Quick guide for updating package name in React Native

Karan Pratap Singh on April 11, 2020

Quick guide for updating package name in React Native Hey, React Native community, in this short article let's see how to change the pac...

Read full post

Gautham Vijayan • Dec 31 '20

You sir a legend!!

Gautham Vijayan • Dec 31 '20

You saved me as google play store is saying "App package name already exists" and I have to do all the steps mentioned here!!

Thanks a lot!

Karan Pratap Singh • Dec 31 '20

Glad it helped!

Gautham Vijayan • Dec 31 '20

Please add two more things here.

For Splash Screen we have to change the name from old to new.
And in MainApplication.java we have to change package name at class as shown below.

 private static void initializeFlipper(
      Context context, ReactInstanceManager reactInstanceManager) {
    if (BuildConfig.DEBUG) {
      try {
        /*
         We use reflection here to pick up the class that initializes Flipper,
        since Flipper library is not available in release mode
        */

        Class<?> aClass = 
Class.forName("com.<New_Package_name>.ReactNativeFlipper");


        aClass
            .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
            .invoke(null, context, reactInstanceManager);

Gautham Vijayan • Dec 31 '20

I ran into errors because of these ones.

paulg0614 • Jun 11 '20

Thanks!
Worked for most part, but I keep getting a weird warning which I can't seem to figure out.
I am able to get it loaded in Android emulator too.
The warning I get is:
Invalid applications's package name "com.domain.testMe" in AndroidManifest.xml. Read guidelines for setting package name here:.......
Prior to making this change, I didn't get the warning.
Any ideas?

Andres Osorio • Oct 9 '20

Excellent it helped me a lot, I have a question, after executing "npx react-native run-android" on my android device I get the name of the application "app_name", it does not appear as I put it in app.json displayName: 'App Name', any suggestions?

Faruk Mollaoğlu • Sep 6 '20

Great post! Thanks a lot!

Karan Pratap Singh • Sep 6 '20

Glad it helped

salman-pixarsart • Oct 5 '20

We also need to update moduleName in appDelegate.m file with our package name. RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
moduleName:@"new_name"
initialProperties:nil];
And make sure you add exact name as you added in app.json file.

Siva • Oct 5 '20

Thank you its helped well....and simple....Goto VSCode -> search & replace(ctrl+shift+h) ->Enter Search for "OLD_PACKAGE_NAME" enter Replace to "NEW_PACKAGE_NAME" press replace all.....