Loading Screen

I tried using this library with react-native expo. After setting up all the configuration when I load the webview it keeps showing the loader without any feedback. This is the example I used

<View style={{flex: 1}}>
        <PaystackWebView
          showPayButton={false}
          paystackKey="MY_OWN_KEY"
          amount={120000}
          billingEmail="[e-mail]"
          billingMobile="09787377462"
          billingName="Oluwatobi Shokunbi"
          ActivityIndicatorColor="green"
          SafeAreaViewContainer={{marginTop: 5}}
          SafeAreaViewContainerModal={{marginTop: 5}}
          onCancel={() => {  alert('cancelled'); }}
          onSuccess={() => {  alert('success'); }}
           ref={childRef}
        /> <TouchableOpacity onPress={()=> childRef.current.StartTransaction()}>
             <Text>pay now</Text>
						<TouchableOpacity/>
      </View>

[walexanderos]

Hello Everybody,

For anyone experiencing the blank screen issue after the indicator, i resolve mine with the following steps:

In the above screen shot from the RN PAYSTACK WEBVIEW module file, channel prop (props.channels) is being assigned to the paystack channels configuration option which accepts only array values ([‘card’, ‘bank’, ‘ussd’, ‘qr’, ‘mobile_money’]).

So channel props doesn’t have a default value neither does it have a user defined value. All i had to do was to assign a channel value and it worked.

For some unknown reason, i was getting a “Transcation could not start” but after assigning props value, but i couldn’t just continue troubleshooting so i had to assign values directly to the config options (currency, channels) in the module file.

I hope this can be of help to others too.

File Location: $…\node_modules\react-native-paystack-webview\index.js

[saladinjake]

seems to me paystack api wont let this transaction start. i read the docs and found a clue to make it work and it scaled thru. thanks for all the digging deep paystack-webview made me do… i made it work with no issues this time. try making sure the webview renders the paystack-webview once and not multiple times. find a way to communicate to a dedicated server having the paystack code that runs when u inject into the script loaded into webview and … just make it work. thanks guys. good luck