Docs

React Native SDK

Install @onvert/react-native, configure OnvertProvider, and present OnvertFlow.

The React Native SDK is the recommended path for Expo and bare React Native apps targeting iOS and Android from one codebase.

Install

bash

npm install @onvert/react-native
# or
yarn add @onvert/react-native

Provider

Wrap your root component so every screen can access published flows and analytics hooks.

tsx

import { OnvertProvider } from "@onvert/react-native";

export function Root() {
  return (
    <OnvertProvider appKey="onv_...">
      <App />
    </OnvertProvider>
  );
}

Present a flow

tsx

import { OnvertFlow } from "@onvert/react-native";

<OnvertFlow
  onComplete={() => navigation.replace("Home")}
  onPurchase={async (productId) => {
    await purchase(productId);
  }}
/>

Callbacks

onComplete — user finished the flow (skipped paywall or finished post-purchase)
onPurchase — SDK asks your app to start a purchase for a product identifier

Purchase completion and receipt validation stay in your app (or your IAP provider). Onvert triggers the moment; you fulfil the transaction.

How it works

iOS (Swift)