Interface IapticSubscriptionViewProps

Props for IapticSubscriptionView Component

Example

// Basic usage example:
<IapticSubscriptionView
  entitlementLabels={{ premium: 'Premium Features' }}
  styles={{ productCard: { backgroundColor: '#FFF' }}}
/>
interface IapticSubscriptionViewProps {
    entitlementLabels?: Record<string, { detail?: string; label: string }>;
    onPurchaseComplete?: () => void;
    showRestorePurchase?: boolean;
    sortProducts?: boolean;
    styles?: Partial<IapticSubscriptionViewStyles>;
    termsUrl?: string;
    theme?: Partial<IapticTheme>;
    visible?: boolean;
}

Properties

entitlementLabels? onPurchaseComplete? showRestorePurchase? sortProducts? styles? termsUrl? theme? visible?

Properties

OptionalentitlementLabels

entitlementLabels?: Record<string, { detail?: string; label: string }>

Localized descriptions for each entitlement/feature

Default

{}

Example

{ 
   *   premium: { label: 'Premium Features', detail: 'Unlimited Downloads' },
   *   adFree: { label: 'Ad-Free', detail: 'Remove All Ads While Watching Videos' }
   * }

See

  • IapticRN.listEntitlements
  • IapticProductDefinition.entitlements

OptionalonPurchaseComplete

onPurchaseComplete?: () => void

Callback when a purchase is complete (show a thank you message or whatever)

Example

onPurchaseComplete={() => console.log('Purchase complete')}

OptionalshowRestorePurchase

showRestorePurchase?: boolean

Show restore purchases button when there's no active subscription

Default

true

OptionalsortProducts

sortProducts?: boolean

Sort products by number of entitlements (most first)

Default

true

Example

sortProducts={false} // Disable automatic sorting

Optionalstyles

styles?: Partial<IapticSubscriptionViewStyles>

Custom styles for component elements (merges with defaults)

Example

styles={{
  modalContainer: { backgroundColor: 'rgba(0,0,0,0.8)' },
  ctaButton: { backgroundColor: '#FF3B30' }
}}

OptionaltermsUrl

termsUrl?: string

URL to Terms & Conditions (optional)

Example

termsUrl="https://example.com/terms"

Optionaltheme

theme?: Partial<IapticTheme>

Theme configuration for colors

Example

theme={{ primaryColor: '#FF3B30', backgroundColor: '#F5F5F5' }}

Optionalvisible

visible?: boolean

Controls visibility of the modal

Default

false

Settings

Member Visibility

On This Page

Properties