Documentation

Paywall screen

Use the built-in paywall or customize the copy while keeping the purchase logic.

1

Open the paywall from any screen

screens/UpgradeButton.tsx

1import { usePremium } from "./src/paywall-ready";2 3function UpgradeButton() {4  const { presentPaywall } = usePremium();5  return <Button title="Go Pro" onPress={presentPaywall} />;6}
2

Customize the paywall copy

screens/PaywallScreen.tsx

1<PaywallScreen2  title="Unlock Pro"3  subtitle="Get unlimited exports and premium templates."4  benefits={[5    "Unlimited premium exports",6    "Advanced templates",7    "Priority feature access"8  ]}9  onSuccess={() => navigation.goBack()}10  onCancel={() => navigation.goBack()}11/>
3

Test the full paywall flow

  • Packages load with real localized prices.
  • Sandbox purchase succeeds.
  • Premium state unlocks immediately.
  • Restore purchases works after reinstall.
  • Cancel flow returns the user to the previous screen.