tolu360/react-native-paystack

Issues Implementing paystack using PaystackWebView or RNPaystack

ihemegbulam opened this issue · 0 comments

We are using expo for development.

Implementing using PaystackWebView

with usage 2 from (https://www.npmjs.com/package/react-native-paystack-webview):

<PaystackWebView
buttonText="Pay Now"
showPayButton={false}
paystackKey="your-public-key-here"
paystackSecretKey="your-secret-key-here"
amount={120000}
billingEmail="paystackwebview@something.com"
billingMobile="09787377462"
billingName="Oluwatobi Shokunbi"
ActivityIndicatorColor="green"
SafeAreaViewContainer={{marginTop: 5}}
SafeAreaViewContainerModal={{marginTop: 5}}
handleWebViewMessage={(e) => {
// handle the message
}}
onCancel={(e) => {
// handle response here
}}
onSuccess={(e) => {
// handle response here
}}
autoStart={false}
refNumber={uuid()} // this is only for cases where you have a reference number generated
renderButton=((onPress) => {

Pay Now

})
/>

This is the result:

WhatsApp Image 2020-07-03 at 4 39 47 PM

Implementing using RNPaystack

This is the result:

WhatsApp Image 2020-07-03 at 4 26 16 PM