How to update version number of react native app

Question

I am using React native with Android. How can I update version number in the app? As I am getting this error.

I am generating file as per this url https://facebook.github.io/react-native/docs/signed-apk-android.html

I have tried modifying AndroidManifest.xml file, but after I build it, that file gets automatically modified back.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.facebook.react"
    android:versionCode="1"
    android:versionName="1.0" >

Here, I modified the XML:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.facebook.react"
    android:versionCode="2"
    android:versionName="1.1" >

After, build file automatically changes back.

Answer 1

You should be changing your versionCode and versionName in android/app/build.gradle:

android {

    defaultConfig {

        versionCode 1
        versionName "1.0"
        
        {...}
    }

    {...}
}

Note that versionCode has to be in an integer that is larger than the ones used for previous releases while versionName is the human readable version that may be shown to users.

Answer 2

@Joseph Roque is correct, you need to update the version numbers in android/app/build.gradle.

Here's how I automate this and tie it into the package's version in package.json and git commits.

In android/app/build.gradle:

/* Near the top */

import groovy.json.JsonSlurper

def getNpmVersion() {
    def inputFile = new File("../package.json")
    def packageJson = new JsonSlurper().parseText(inputFile.text)
    return packageJson["version"]
}
/* calculated from git commits to give sequential integers */
def getGitVersion() {
    def process = "git rev-list master --first-parent --count".execute()
    return process.text.toInteger()
}


......


def userVer = getNpmVersion()
def googleVer = getGitVersion()

android {
...
    defaultConfig {
        .....
        versionCode googleVer
        versionName userVer

        ndk {
            abiFilters "armeabi-v7a", "x86"
        }
    }

Notes:

• It's important that versionCode is an integer - so we can't use semantic versioning here. This is used on the play store to tell which versions come after others - that's why it's tied to git commits in getGitVersion

• versionName however is shown to users - I'm using semantic versioning here and storing the real value in my package.json. Thanks to https://medium.com/@andr3wjack/versioning-react-native-apps-407469707661

Answer 3

For those wanting to automate this, and have iOS at the same time, you can use react-native-version to set the version numbers.

All you need to do is update your version number inside the package.json file and run the following:

$ npx react-native-version --never-amend

[RNV] Versioning Android...
[RNV] Android updated
[RNV] Versioning iOS...
[RNV] iOS updated
[RNV] Done
✨  Done in 0.39s.

I hope this can help others.

Answer 4

I had the same problem and I checked all the above answer, I had a made a silly mistake because of which nothing worked for me. Just in case any of you do same mistake as mine try this.

1. Version can be a decimal number like 1.0 or 1.0.1 etc
2. But VersionCode cannot be decimal number It should be 1,2,3 etc and not 1.1 or 2.2

So in project/app/build.gradle

android {
defaultConfig {
    versionCode 1 // do not use decimal number here
    versionName "1.0" // you can use decimal number here.
    {...}
}
{...}
}

Answer 5

Set the versionCode under android in app.json:

{
  "expo": {
    "name": "App Name",
...
    "android": {
      "package": "com.app.name",
      "permissions": [],
      "versionCode": 2
    }
  }
}

ref:https://docs.expo.io/versions/latest/workflow/configuration/#versioncodeversion-number-required-by-google-play-increment-by-one-for-each-release-must-be-an-integer-httpsdeveloperandroidcomstudiopublishversioninghtml

Answer 6

If someone is facing

wrong version code eg - 31284

Then make sure to not use SeparateBuildPerCPUArchitecture in android/app/build.gradle

def enableSeparateBuildPerCPUArchitecture = false

and

to update the version code and name change in android/app/build.gradle:

android {

defaultConfig {

    versionCode 1
    versionName "1.0"

    {...}
}

{...}
}

Answer 7

What @tgf has is good for Android, but I wanted ios as well. The default Info.plist sets CFBundleShortVersionString to $(MARKETING_VERSION), which is the same as versionName in android/build.gradle, and CFBundleVersion is set to $(CURRENT_PROJECT_VERSION), which is the same as versionCode in android/build.gradle. These are defined in the project.pbxproj in ios/AppName.xcodeproj/. Here is a prerelease script that can update the xcode file. If you have modifications that have no been committed yet, it will add 1 to the build number so that building without any changes will not result in a file change.

yarn add glob --dev

    "ios-update-version": "node scripts/iosUpdateVersion.js",

Use pre scripts to run this command.

scripts/iosUpdateVersion.js:

const { globSync } = require('glob');
var fs = require('fs');
const { execSync } = require('child_process');
const APP_VERSION = require('../package.json').version;
const GET_COMMIT_COUNT = 'git rev-list master --first-parent --count';

let BUILD_NUMBER = 0;

if (execSync('git status --porcelain').length) {
    console.log('increasing build number by one to include untracked changes');
    BUILD_NUMBER++;
}

const response = execSync(GET_COMMIT_COUNT).toString();
BUILD_NUMBER += Number.parseInt(response.trim());
// android (taken care of in build.gradle)
// versionCode googleVerver  // BUILD_NUMBER
// versionName userVer      // APP_VERSION
// ios
// CFBundleVersion CURRENT_PROJECT_VERSION = 1;            // BUILD_NUMBER
// CFBundleShortVersionString MARKETING_VERSION = 1.0;     // APP_VERSION
const plist = '/ios/SplitTheTank/Info.plist'
const xcodeprojs = globSync('ios/*.xcodeproj');
if (xcodeprojs.length === 0) {
    throw 'Could not find any xcodeproj folder'
}
const pbxproj = `${xcodeprojs[0]}/project.pbxproj`;
const data = fs.readFileSync(pbxproj, 'utf8');

let result = data.replace(/(CURRENT_PROJECT_VERSION = )(.*);/g, `$1${BUILD_NUMBER};`);
result = result.replace(/(MARKETING_VERSION = )(.*);/g, `$1${APP_VERSION};`);
fs.writeFileSync(pbxproj, result, 'utf8');

Answer 8

If you're using expo and getting this issue, go to app.json and change the version to a higher number.

{
  "expo": {
    "name": "nameofapp", // btw dont copy this
    "slug": "appslug",   // btw dont copy this
    "version": "1.0.0",  // here is where you change the version
    ...
    ...
    ...
  }
}

You need to also change the version in package.json

{
  ...
  "name": "appname",  // btw dont copy this
  "version": "2.0.0", // here is where you change the version
  ...
  "android": {
    "versionCode": 2,
    ...
  }
  ...
}