react-native-iaptic

Example: Quick Start: Using Iaptic Subscription UI Component

import { IapticSubscriptionView } from 'react-native-iaptic';
const app = (props) => {
  useEffect(() => {
    // Initialize the SDK with your configuration at startup
    IapticRN.initialize({
      appName: 'com.example.app',
      publicKey: 'YOUR_API_KEY',
      iosBundleId: 'com.yourcompany.app',
      products: [{
        id: 'premium_subscription',
        type: 'paid subscription',
        entitlements: ['basic', 'premium']
      }, {
        id: 'basic_subscription',
        type: 'paid subscription',
        entitlements: ['basic']
      }],
    });
  }, []);
  return (
    <View>
      // In your root node, add the modal component
      <IapticSubscriptionView entitlementLabels={{
        premium: 'Premium Features',
        basic: 'Basic Features',
      }} />

      // Anyway in your app, open the Subscription UI
      <TouchableOpacity onPress={() => IapticRN.presentSubscriptionView()}>
        <Text>Subscribe</Text>
      </TouchableOpacity>
    </View>
  );
};

// 2. Check access without a backend server
if (IapticRN.checkEntitlement('premium')) {
  // Unlock premium features
}
Copy

With a backend server, you will get webhook calls from iaptic server and store your user's subscription status (unlocking features server-side, safer).