react-native-paystack icon indicating copy to clipboard operation
react-native-paystack copied to clipboard

Issues Implementing paystack using PaystackWebView or RNPaystack

Open ihemegbulam opened this issue 5 years ago • 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="[email protected]" 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) => { <Button onPress={onPress}> Pay Now <Button> }) />

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

ihemegbulam avatar Jul 03 '20 15:07 ihemegbulam