React Native SDK'da buton aksiyonlarına yanıt verme

Adapty paywall builder kullanarak paywall oluşturuyorsanız, butonları doğru şekilde ayarlamak çok önemlidir:

Paywall builder’da bir buton ekleyin ve bu butona önceden tanımlanmış bir aksiyon atayın ya da özel bir aksiyon ID’si oluşturun.
Atadığınız her aksiyonu uygulamanızın kodunda ele alın.

Bu kılavuz, kodunuzda özel ve önceden tanımlanmış aksiyonları nasıl yöneteceğinizi gösterir.

Yalnızca satın almalar, geri yüklemeler, paywall kapatma işlemleri ve URL açma işlemleri otomatik olarak gerçekleşir. Diğer tüm buton aksiyonları için uygulama kodunuzda uygun yanıt uygulamasını yapmanız gerekir.

Paywall’ları kapatma

Paywall’ınızı kapatacak bir buton eklemek için:

Paywall builder’da bir buton ekleyin ve Close aksiyonunu atayın.
Uygulama kodunuzda, paywall’ı kapatan close aksiyonu için bir handler uygulayın.

React Native SDK’da close aksiyonu, varsayılan olarak paywall’ı kapatmayı tetikler. Ancak gerekirse bu davranışı kodunuzda geçersiz kılabilirsiniz. Örneğin, bir paywall’ı kapatmak başka birini açabilir.

React component için close aksiyonunu ayrı event handler prop’ları aracılığıyla yönetin:


function MyPaywall({ paywall }) {
  const onCloseButtonPress = useCallback<EventHandlers['onCloseButtonPress']>(() => {
    // Handle close button press - navigate away or hide component
    navigation.goBack();
  }, [navigation]);

  return (
    <AdaptyPaywallView
      paywall={paywall}
      style={styles.container}
      onCloseButtonPress={onCloseButtonPress}
    />
  );
}

Modal sunum için close handler’ı uygulayın:


const view = await createPaywallView(paywall);

const unsubscribe = view.setEventHandlers({
    onCloseButtonPress() {
        return true; // allow paywall closing
    }
});

SDK version < 3.14 için yalnızca modal sunum desteklenir:


const view = await createPaywallView(paywall);

const unsubscribe = view.registerEventHandlers({
    onCloseButtonPress() {
        return true; // allow paywall closing
    }
});

Paywall’lardan URL açma

Bir grup bağlantı eklemek istiyorsanız (ör. kullanım koşulları ve satın alma geri yükleme), paywall builder’da bir Link öğesi ekleyin ve bunu Open URL aksiyonuna sahip butonlarla aynı şekilde yönetin.

Paywall’ınızdan bir bağlantı açacak bir buton eklemek için (ör. Kullanım Koşulları veya Gizlilik Politikası):

Paywall builder’da bir buton ekleyin, Open URL aksiyonunu atayın ve açmak istediğiniz URL’yi girin.
Uygulama kodunuzda, alınan URL’yi tarayıcıda açan openUrl aksiyonu için bir handler uygulayın.

React Native SDK’da openUrl aksiyonu, varsayılan olarak URL’yi açmayı tetikler. Ancak gerekirse bu davranışı kodunuzda geçersiz kılabilirsiniz.

React component için URL açma işlemini event handler prop’u aracılığıyla yönetin:


function MyPaywall({ paywall }) {
  const onUrlPress = useCallback<EventHandlers['onUrlPress']>((url) => {
    Linking.openURL(url);
  }, []);

  return (
    <AdaptyPaywallView
      paywall={paywall}
      style={styles.container}
      onUrlPress={onUrlPress}
    />
  );
}

Modal sunum için URL handler’ı uygulayın:


const view = await createPaywallView(paywall);

const unsubscribe = view.setEventHandlers({
    onUrlPress(url) {
        Linking.openURL(url);
        return false; // Keep paywall open
    },
});

SDK version < 3.14 için yalnızca modal sunum desteklenir:


const view = await createPaywallView(paywall);

const unsubscribe = view.registerEventHandlers({
    onUrlPress(url) {
        Linking.openURL(url);
        return false; // Keep paywall open
    },
});

Uygulamaya giriş yapma

Kullanıcıların uygulamanıza giriş yapmasını sağlayan bir buton eklemek için:

Paywall builder’da bir buton ekleyin ve Login aksiyonunu atayın.
Uygulama kodunuzda, kullanıcınızı tanımlayan login aksiyonu için bir handler uygulayın.

React component için girişi event handler prop’u aracılığıyla yönetin:


function MyPaywall({ paywall }) {
  const onCustomAction = useCallback<EventHandlers['onCustomAction']>((actionId) => {
    if (actionId === 'login') {
      navigation.navigate('Login');
    }
  }, [navigation]);

  return (
    <AdaptyPaywallView
      paywall={paywall}
      style={styles.container}
      onCustomAction={onCustomAction}
    />
  );
}

Modal sunum için login handler’ı uygulayın:


const view = await createPaywallView(paywall);

const unsubscribe = view.setEventHandlers({
    onCustomAction(actionId) {
        if (actionId === 'login') {
            navigation.navigate('Login');
        }
    }
});

SDK version < 3.14 için yalnızca modal sunum desteklenir:


const view = await createPaywallView(paywall);

const unsubscribe = view.registerEventHandlers({
    onCustomAction(actionId) {
        if (actionId === 'login') {
            navigation.navigate('Login');
        }
    }
});

Özel aksiyonları yönetme

Başka aksiyonları yönetecek bir buton eklemek için:

Paywall builder’da bir buton ekleyin, Custom aksiyonunu atayın ve bir ID belirleyin.
Uygulama kodunuzda, oluşturduğunuz aksiyon ID’si için bir handler uygulayın.

Örneğin, başka bir abonelik teklifi veya tek seferlik satın alma seçeneğiniz varsa, başka bir paywall görüntüleyen bir buton ekleyebilirsiniz:

React component için özel aksiyonları event handler prop’u aracılığıyla yönetin:


function MyPaywall({ paywall }) {
  const onCustomAction = useCallback<EventHandlers['onCustomAction']>((actionId) => {
    if (actionId === 'openNewPaywall') {
      // Display another paywall
    }
  }, []);

  return (
    <AdaptyPaywallView
      paywall={paywall}
      style={styles.container}
      onCustomAction={onCustomAction}
    />
  );
}

Modal sunum için özel aksiyon handler’larını uygulayın:

const unsubscribe = view.setEventHandlers({
    onCustomAction(actionId) {
        if (actionId === 'openNewPaywall') {
            // Display another paywall
        }
    },
});

SDK version < 3.14 için yalnızca modal sunum desteklenir:

const unsubscribe = view.registerEventHandlers({
    onCustomAction(actionId) {
        if (actionId === 'openNewPaywall') {
            // Display another paywall
        }
    },
});