@opacity-labs/react-native-opacity

react-native-opacity

Opacity Networks library for React Native.

Install

yarn add @opacity-labs/react-native-opacity

iOS

You need to bump your minimum deployment target to iOS 14. On the latest versions of RN this should be the default target, if not you can do it via:

Xcode → Project Explorer → [YOUR TARGET] → General → Deployment Target

Do a pod install Module is a Turbo Module, therefore you need to enable the new arch. Again, on the latest RN versions the new architecture should be turned on by default if not run:

cd ios && RCT_ENABLE_NEW_ARCH=1 pod install

Or modify the top of your podfile and do a pod install:

env['RCT_ENABLE_NEW_ARCH'] = '1'

If you are pulling on the latest version the package, sometimes cocoapods refuses to update it's main repo specs. You can force an update via:

rm -rf ~/.cocoapods/repos/trunk
pod repo update
RCT_ENABLE_NEW_ARCH=1 pod install --repo-update

Android

First add the necessary repos to download the dependencies. On your root android/build.gradle add:

allprojects {
  repositories {
    google()
    mavenCentral()
    // If you already have allprojects->respositories just make sure you have these two added
    maven { url "https://maven.mozilla.org/maven2/" }
    maven { url 'https://jitpack.io' }
  }
}

On your apps AndroidManifest.xml add an activity:

      // Put this on the same level as other activities
      <activity
        android:name="com.opacitylabs.opacitycore.InAppBrowserActivity"
        android:theme="@style/Theme.AppCompat.DayNight"
      />

JS

You need to make sure react-native.config.js is properly set up for code generation to work:

module.exports = {
  project: {
    android: {
      packageName: 'your.package.name', // must match your android apps package name, take a look into your apps build.gradle
    },
  },
};

Once everything is setup you can call the init method on your JS:

import {
  init,
  getUberRiderPorfile,
  OpacityEnvironment,
} from '@opacity-labs/react-native-opacity';

init('Your API key', false, OpacityEnvironment.PRODUCTION);

// Later you can call the methods
const res = getUberRiderProfile();