The Mobile Protect SDK has a dedicated integration for iOS and Android apps built using React Native. This document will take you through the steps to integrate the SDK into your build system. 

This will involve some steps on the React Native side as well as some steps on both iOS and Android.

React Native Integration

Step 1

Download the SDK from the Mobile Protect in the Portal.

Step 2

Copy the react-native-mobileprotect.tgz file to the root of the React Native project.

Step 3

Add mobile-protect as a dependency in your package.json file.

$ npm install react-native-mobileprotect.tgz

The project’s package.json should then contain the following entry:

  "dependencies": {
    "mobile-protect": "react-native-mobileprotect.tgz",
  }

See https://docs.npmjs.com/about-semantic-versioning for deciding if pinning the versions is the best practice for your project.

Android Integration

1. Follow the steps on /wiki/spaces/IW/pages/1797095425

2. In the Android project copy the mobileprotect.xml config file into the React Native project's Android xml resources folder. If the xml directory does not exist, create it.

iOS Integration

1. Follow step 1 on Mobile Protect SDK for iOS via CocoaPods

2. In the iOS project copy the MobileProtect.plist config file into the React Native project's Xcode project. See Add Existing Files and Folders to a Project for instructions.