Play Store submission in React Native

Introduction

Submitting your app to the Play Store lets people download and use it on their Android phones. It helps you share your app with the world.

You finished building your Android app and want to share it with users.

You want to update your app with new features or fixes on the Play Store.

You want to reach more people by making your app available publicly.

You want to test your app with real users before a big launch.

You want to earn money by selling or showing ads in your app.

Syntax

React Native

1. Prepare your app (build a release version).
2. Create a Google Play Developer account.
3. Generate a signed APK or AAB file.
4. Create a new app entry in the Play Console.
5. Upload your APK/AAB and add app details.
6. Set pricing and distribution options.
7. Submit your app for review.

Note: You must sign your app with a secure key before uploading.

Tip: Use Android App Bundle (AAB) for smaller app size and better delivery.

Examples

Builds a release Android App Bundle (AAB) for your React Native app.

React Native

cd android
./gradlew bundleRelease

Generates a signing key to sign your app before submission.

React Native

keytool -genkeypair -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

Steps to upload your app bundle and prepare it for publishing.

React Native

Upload your signed AAB in Google Play Console > Create App > Release > Production > Create Release

Sample App

This simple React Native app shows a button. When pressed, it reminds you to follow the Play Store submission steps.

React Native

import React from 'react';
import { View, Text, Button, Alert } from 'react-native';

export default function App() {
  const submitApp = () => {
    Alert.alert('Submit', 'Follow Play Store submission steps in your console.');
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text style={{ fontSize: 20, marginBottom: 20 }}>
        Ready to submit your app?
      </Text>
      <Button title="Show Submission Tip" onPress={submitApp} />
    </View>
  );
}

Important Notes

Always test your release build on a real device before submitting.

Make sure your app meets Google Play policies to avoid rejection.

Keep your signing key safe; losing it means you cannot update your app.

Summary

Submit your app to share it with Android users worldwide.

Build a signed release version and upload it via Google Play Console.

Follow all steps carefully to pass the review and publish successfully.

Practice

1. What is the first step to submit a React Native app to the Google Play Store?

easy

A. Test the app only on iOS devices

B. Upload the debug APK to Google Play Console

C. Build a signed release version of your app

D. Publish the app without signing

Solution

1. Step 1: Understand Play Store submission requirements

   The Play Store requires a signed release version for app submission, not a debug build.

2. Step 2: Identify the correct first step

   Building a signed release APK or AAB is the first essential step before uploading.

3. Final Answer:

   Build a signed release version of your app -> Option C

4. Quick Check:

   Signed release build = first step [OK]

Hint: Always create a signed release build before upload [OK]

Common Mistakes:

• Uploading debug APK instead of release
• Skipping app signing
• Trying to publish without building

2. Which command correctly generates a signed Android app bundle for Play Store in React Native?

easy

A. npx react-native run-android --variant=release

B. cd android && ./gradlew bundleRelease

C. npm start --release

D. react-native build --signed

Solution

1. Step 1: Recall React Native Android build commands

   The correct command to build a signed app bundle is running Gradle wrapper with bundleRelease task inside android folder.

2. Step 2: Match commands to their purpose

   cd android && ./gradlew bundleRelease runs the Gradle task to create the release bundle; others are incorrect or incomplete.

3. Final Answer:

   cd android && ./gradlew bundleRelease -> Option B

4. Quick Check:

   Gradle bundleRelease builds signed app bundle [OK]

Hint: Use Gradle commands inside android folder for release builds [OK]

Common Mistakes:

• Using run-android which builds debug by default
• Trying npm start for release builds
• Using non-existent react-native build command

3. Given this snippet in android/app/build.gradle:

signingConfigs {
    release {
        storeFile file("my-release-key.keystore")
        storePassword "password"
        keyAlias "my-key-alias"
        keyPassword "password"
    }
}

buildTypes {
    release {
        signingConfig signingConfigs.release
        minifyEnabled false
        proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
    }
}

What will happen if you run ./gradlew assembleRelease?

medium

A. A signed release APK will be generated using the specified keystore

B. The build will fail due to missing signingConfig

C. A debug APK will be generated instead

D. The app bundle will be generated, not APK

Solution

1. Step 1: Analyze signingConfigs and buildTypes

   The release build type uses the signingConfig named release, which is properly defined with keystore info.

2. Step 2: Understand assembleRelease behavior

   Running assembleRelease builds a signed APK using the release signingConfig, so a signed APK is generated.

3. Final Answer:

   A signed release APK will be generated using the specified keystore -> Option A

4. Quick Check:

   assembleRelease + signingConfig = signed APK [OK]

Hint: assembleRelease uses signingConfig to create signed APK [OK]

Common Mistakes:

• Confusing assembleRelease with debug build
• Assuming app bundle is generated by assembleRelease
• Missing signingConfig causes build failure

4. You tried uploading your React Native app bundle to Google Play Console but got an error: "App signing key not found." What is the most likely cause?

medium

A. You forgot to generate and configure the signing key before building

B. You uploaded a debug build instead of release

C. You used the wrong package name in AndroidManifest.xml

D. You did not enable internet permission in the app

Solution

1. Step 1: Understand the error message

   "App signing key not found" means the Play Console expects a signing key but it was missing or not configured.

2. Step 2: Identify common causes

   Most often, this happens if you did not generate or configure the signing key before building the release bundle.

3. Final Answer:

   You forgot to generate and configure the signing key before building -> Option A

4. Quick Check:

   Missing signing key causes upload error [OK]

Hint: Always generate and configure signing key before building release [OK]

Common Mistakes:

• Uploading debug build instead of release
• Ignoring package name mismatches
• Confusing permissions with signing errors

5. You want to submit your React Native app to the Play Store with these conditions: - Use Android App Bundle (.aab) - Enable ProGuard for code shrinking - Use a custom signing key Which steps must you perform in correct order?

hard

A. Enable ProGuard, upload unsigned bundle, then configure signingConfigs

B. Run ./gradlew assembleDebug, upload debug APK, then enable ProGuard

C. Upload unsigned APK, then configure signingConfigs and ProGuard later

D. Configure signingConfigs with your key, enable ProGuard in buildTypes, run ./gradlew bundleRelease, then upload the .aab

Solution

1. Step 1: Configure signingConfigs and ProGuard

   You must first set your custom signing key in signingConfigs and enable ProGuard in the release buildType.

2. Step 2: Build the Android App Bundle

   Run ./gradlew bundleRelease to create the signed, optimized .aab file.

3. Step 3: Upload the .aab to Google Play Console

   Finally, upload the generated .aab file to submit your app.

4. Final Answer:

   Configure signingConfigs with your key, enable ProGuard in buildTypes, run ./gradlew bundleRelease, then upload the .aab -> Option D

5. Quick Check:

   Sign key + ProGuard + bundleRelease + upload = correct flow [OK]

Hint: Set signing and ProGuard before building bundle for Play Store [OK]

Common Mistakes:

• Uploading debug or unsigned builds
• Building APK instead of app bundle
• Configuring signing after upload