1. Home
  2. WalkMe Mobile
  3. Mobile: Setup and Integration
  4. Mobile: Android
  5. Mobile: How To Integrate the WalkMe Mobile Android SDK with React Native

Mobile: How To Integrate the WalkMe Mobile Android SDK with React Native

Updated on June 11, 2019 Download PDFDownload as PDF
Download PDF

Brief Overview

The Android WalkMe Mobile SDK supports integration with all web-view based hybrid apps. WalkMe provides its logic and user interface at the native level, so there’s no risk of performance issues or need for code changes in the host app.

This article explains how to integrate the Android WalkMe Mobile SDK with a hybrid app.

Automatic Installation

  1. npm install react-native-walkme --save
  2. react-native link react-native-walkme

Manual Installation

  1. Open up android/app/src/main/java/[...]/MainActivity.java
    1. Add import com.homeis.RNWalkmePackage; to the imports at the top of the file
    2. Add new RNWalkmePackage() to the list returned by the getPackages() method
  2. Append the following lines to android/settings.gradle
    include ':react-native-walkme'
    project(':react-native-walkme').projectDir = new File(rootProject.projectDir,   '../node_modules/react-native-walkme/android')
  3. Insert the following lines inside the dependencies block in android/app/build.gradle
    compile project(':react-native-walkme')

Usage

import RNWalkme from 'react-native-walkme';
...
RNWalkme.start(key, secret);

Was this article helpful?

Related Articles