React Native Setup

A complete guide to the basics of adding Nami to your React Native app.

πŸ“˜

React Native 3.0.0 Coming Soon

Instructions for setting up the React Native 3.0.0 Bridge coming soon. Contact support to learn more.

Looking for older code versions? Check out the v1.0 docs.

Please make sure you have completed the setup of your app on the Nami Control Center for all these steps to be successful.

Adding Nami to your app has a few steps for a basic app.

  1. Add the SDK to your project
  2. Configure the SDK
  3. Show a paywall in your app
  4. React to a purchase to grant access to paid content or features

We'll run through each of these below.

Setting up the Nami SDK

In React Native apps, the Nami SDK setup consists of two parts.

  1. Installing the React Native bridge
  2. Configuring the native Nami SDK in your iOS and Android projects

Let's walk through each step.

Installing SDK bridge

The Nami SDK for React Native is available as a NPM bridge module, that will link in the full native SDK and allow access to various Nami capabilities. The React Native bridge currently supports both Android and iOS. The code for the React Native bridge is also available on our Github.

If you need help setting up your React Native development environment, you can find instructions here:
https://reactnative.dev/docs/environment-setup
.

To add Nami to your React Native project, start by adding the React Native bridge to your project with yarn or npm.

yarn add react-native-nami-sdk
npm install react-native-nami-sdk --save

Configuring iOS

Configuring Android


What’s Next