Skip to main content
Use RevenueCat Paywalls to show native paywalls designed in RevenueCat’s dashboard.

Install

npx expo install react-native-purchases react-native-purchases-ui

Setup

import { RampKit } from "rampkit-expo-dev";
import Purchases from "react-native-purchases";
import RevenueCatUI from "react-native-purchases-ui";

// Initialize RevenueCat first
await Purchases.configure({ apiKey: "YOUR_REVENUECAT_KEY" });

// Then RampKit
await RampKit.init({
  appId: "YOUR_APP_ID",
  onShowPaywall: async () => {
    await RevenueCatUI.presentPaywallIfNeeded({
      requiredEntitlementIdentifier: "premium",
    });
  },
});

Present Paywall

// Show paywall only if user doesn't have entitlement
await RevenueCatUI.presentPaywallIfNeeded({
  requiredEntitlementIdentifier: "premium",
});

// Or always show paywall
await RevenueCatUI.presentPaywall();
Design your paywall in the RevenueCat dashboard.