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.
- Add the SDK to your project
- Configure the SDK
- Show a paywall in your app
- 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.
- Installing the React Native bridge
- 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
Updated about 2 months ago