{"id":273499,"date":"2025-09-09T03:53:03","date_gmt":"2025-09-09T03:53:03","guid":{"rendered":"https:\/\/www.revechat.com\/?post_type=help-center&p=273499"},"modified":"2026-04-29T06:46:18","modified_gmt":"2026-04-29T06:46:18","slug":"react-native-android-sdk","status":"publish","type":"help-center","link":"https:\/\/www.revechat.com\/help-center\/react-native-android-sdk\/","title":{"rendered":"React Native Android SDK"},"content":{"rendered":"\n

<\/p>\n\n\n\n

This documentation shows you how to embed REVE Chat React Native Android SDK in an Android application and get started in a few minutes.<\/p>\n\n\n\n

Getting Started with React Native Android SDK<\/h2>\n\n\n\n

REVE Chat\u2019s React Native Android SDK can be seamlessly integrated with your mobile apps and enable your team deliver in-app messaging to your app users for better engagement and customer support.<\/p>\n\n\n\n

Introduction<\/h2>\n\n\n\n

This documentation shows you how to embed REVE Chat Android SDK in an Android application and get started in a few minutes. Necessary or minimum requirements:<\/p>\n\n\n\n

    \n
  1. Android Studio<\/li>\n\n\n\n
  2. Minimum SDK version should be 14 or above<\/li>\n\n\n\n
  3. SDK version (Compile, Build, Target) should be 26 or above<\/li>\n<\/ol>\n\n\n\n

    Android SDK integration process<\/h2>\n\n\n\n

    Step 1<\/h3>\n\n\n\n

    To integrate Android SDK with your mobile app, please follow the below mentioned steps:<\/p>\n\n\n\n

      \n
    • Add the Android SDK URL in your Project level build gradle file\u2019s repositories section as shown below:<\/li>\n\n\n\n
    • If android studio version less than Android Studio Arctic Fox<\/strong><\/li>\n\n\n\n
    • In app build.gradle<\/strong>, you can add the repositories<\/li>\n<\/ul>\n\n\n\n
      allprojects {\n    repositories {\n        jcenter()\n        \u2026\n        maven { url 'https:\/\/jitpack.io' }\n        maven { url 'https:\/\/maven.google.com\/' }\n        maven {\n            url "https:\/\/maven.iptelephony.revesoft.com\/artifactory\/libs-release-local\/"\n        }\n        maven {\n            url 'https:\/\/jfrog-artifact.revechat.com\/artifactory\/artifactory\/'\n        }\n    }\n}<\/code><\/pre>\n\n\n\n
        \n
      • Otherwise, in settings.gradle<\/strong>, you can add the repositories<\/li>\n<\/ul>\n\n\n\n
        dependencyResolutionManagement {                   \n    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)\n    repositories {\n        \u2026\n        jcenter()\n        maven { url 'https:\/\/jitpack.io' }\n        maven { url 'https:\/\/maven.google.com\/' }\n        maven {\n            url "https:\/\/maven.iptelephony.revesoft.com\/artifactory\/libs-release-local\/"\n        }\n        maven {\n            url 'https:\/\/jfrog-artifact.revechat.com\/artifactory\/artifactory\/'\n        }\n    }\n}<\/code><\/pre>\n\n\n\n
        Step 2<\/h3>\n\n\n\n
        Add Design support library and REVE Chat Android SDK as dependency in your App level build<\/strong>. Gradle file:<\/p>\n\n\n\n
        dependencies {\n    \u2026\n    implementation('com.revesoft.revechatsdk:revechatsdk:3.2.4')\n\n}<\/code><\/pre>\n\n\n\n
        Note<\/strong>– You can also use Design support library greater then 26 also according to your project build SDK version. Use the latest version of our native android SDK.<\/p>\n\n\n\n
        Step 3<\/h3>\n\n\n\n
        Add following lines from to communicate from react-native javascript code with REVE Chat SDK. However, this step needs to be done differently for JAVA or KOTLIN in separate ways.<\/p>\n\n\n\n
        Code for JAVA<\/em><\/strong><\/p>\n\n\n\n
        package com.your_package_name;\n\nimport android.content.Intent;\nimport android.util.Log;\n\nimport com.facebook.react.bridge.ReactApplicationContext;\nimport com.facebook.react.bridge.ReactContextBaseJavaModule;\nimport com.facebook.react.bridge.ReactMethod;\nimport com.revesoft.revechatsdk.model.VisitorInfo;\nimport com.revesoft.revechatsdk.ui.activity.ReveChatActivity;\nimport com.revesoft.revechatsdk.utils.ReveChat;\n\n\/**\n * Native Module to communicate from react-native javascript code\n * with REVEChat SDK \n *\/\npublic class REVEChatSDKModule extends ReactContextBaseJavaModule {\n\n    REVEChatSDKModule(ReactApplicationContext context) {\n        super(context);\n    }\n\n    @Override\n    public String getName() {\n        return "REVEChatSDKModule";\n    }\n\n    @ReactMethod\n    public void startChat(String accountId, String userName, String userEmail, String userPhoneNumber) {\n        Log.i("REVEChatSDKModule", "startChat: accountId " + accountId + " userName: " + userName+ " userEmail "+userEmail+" userPhoneNumber "+userPhoneNumber);\n\n        \/\/Initializing with account id\n        ReveChat.init(accountId);\n\n        \/\/creating visitor info\n        VisitorInfo visitorInfo = new VisitorInfo.Builder()\n                .name(userName)\n                .email(userEmail)\n                .phoneNumber(userPhoneNumber).build();\n\n        \/\/set visitor info\n        ReveChat.setVisitorInfo(visitorInfo);\n        \n        Intent intent = new Intent(getReactApplicationContext(), ReveChatActivity.class);\n        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);\n        getReactApplicationContext().startActivity(intent);\n    }\n\n}<\/code><\/pre>\n\n\n\n
        Code for KOTLIN<\/em><\/strong><\/p>\n\n\n\n
        package [your_package_name]\n\nimport android.content.Intent\nimport android.util.Log\nimport com.facebook.react.bridge.ReactApplicationContext\nimport com.facebook.react.bridge.ReactContextBaseJavaModule\nimport com.facebook.react.bridge.ReactMethod\nimport com.revesoft.revechatsdk.model.VisitorInfo\nimport com.revesoft.revechatsdk.ui.activity.ReveChatActivity\nimport com.revesoft.revechatsdk.utils.ReveChat\n\n\/**\n * Native Module to communicate from react-native javascript code\n * with REVEChat SDK \n *\/\nclass REVEChatSDKModule internal constructor(context: ReactApplicationContext?) : ReactContextBaseJavaModule(context) {\n    override fun getName(): String {\n        return "REVEChatSDKModule"\n    }\n\n    @ReactMethod\n    fun startChat(accountId: String, userName: String, userEmail: String, userPhoneNumber: String) {\n            Log.i(\n                "REVEChatSDKModule",\n                "startChat: accountId $accountId userName: $userName userEmail $userEmail userPhoneNumber $userPhoneNumber"\n            )\n             \n             \/\/Initializing with account id\n             ReveChat.init(accountId)\n             var loginState : LoginState = LoginState.LOGGED_IN\n     \n             \/\/creating visitor info\n             val visitorInfo: VisitorInfo = VisitorInfo.Builder()\n                 .name(userName)\n                 .email(userEmail)\n                 .phoneNumber(userPhoneNumber)\n                 .appLoginState(loginState)\n                 .build()\n\n             \/\/set visitor info\n             ReveChat.setVisitorInfo(visitorInfo)\n             val intent = Intent(reactApplicationContext, ReveChatActivity::class.java)\n             intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)\n             reactApplicationContext.startActivity(intent)\n        \n             reactApplicationContext.startService(Intent(reactApplicationContext., REVEChatApiService::class.java))\n         }\n     }<\/code><\/pre>\n\n\n\n
        Step 4<\/h3>\n\n\n\n
        Add following lines from where you want to start the chat.<\/p>\n\n\n\n
        Code for Javascript<\/em><\/strong><\/p>\n\n\n\n
        \/\/ React Native Sample Code\n\nimport {\n  NativeModules\n} from 'react-native';\n\nconst {REVEChatSDKModule} = NativeModules;\n\n<Button\n        title="Chat With Us"\n        onPress={() =>\n\t\t\t{ \n\n\t\t\t\tREVEChatSDKModule.startChat('[account_id]', '[user_name]', '[user@email]', 'user_phone_number');\n\t\t\t}\n\t\t}\n\/><\/code><\/pre>\n\n\n\n
        Step 5<\/h3>\n\n\n\n
        Extra Customization (Optional)<\/em><\/strong>: Add primary and primary Dark in your color.xml, if already not defined:<\/p>\n\n\n\n
        <color name="revechatsdk_colorPrimary">#YourColor<\/color>\n<color name="revechatsdk_colorPrimaryDark">#YourColorDark<\/color><\/code><\/pre>\n\n\n\n
        To change chat window\u2019s content as per your need:<\/p>\n\n\n\n
        <!--  screen background color --> \n<color name="revechatsdk_layout_bg">#YourColor<\/color>\n    \n<!--  Button color --> \n<color name="revechatsdk_btn_text">#YourColor<\/color>\n<color name="revechatsdk_btn_bg">@color\/revechatsdk_colorPrimary<\/color>\n    \n<!-- Chat screen colors --> \n<color name="revechatsdk_color_chat_background">#YourColor<\/color>\n<color name="revechatsdk_color_sending_msg_bg">#YourColor<\/color>\n<color name="revechatsdk_color_receiving_msg_bg">#YourColor<\/color>\n<color name="revechatsdk_shape_date_bubble_bg">#YourColor<\/color>\n\n<!-- Chat action bar head text\n<string name="revechatsdk_title_chat_window">YOUR MESSAGE TITLE<\/string><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
        This documentation shows you how to embed REVE Chat React Native Android SDK in an Android application and get started in a few minutes. Getting Started with React Native Android SDK REVE Chat\u2019s React Native Android SDK can be seamlessly integrated with your mobile apps and enable your team deliver in-app messaging to your app […]<\/p>\n","protected":false},"author":36,"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"help_center_type":[1868],"class_list":["post-273499","help-center","type-help-center","status-publish","hentry","help_center_type-mobile-sdk"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help-center\/273499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help-center"}],"about":[{"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/types\/help-center"}],"author":[{"embeddable":true,"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/users\/36"}],"version-history":[{"count":3,"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help-center\/273499\/revisions"}],"predecessor-version":[{"id":302895,"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help-center\/273499\/revisions\/302895"}],"wp:attachment":[{"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/media?parent=273499"}],"wp:term":[{"taxonomy":"help_center_type","embeddable":true,"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help_center_type?post=273499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}