RazorpayCheckout.open() getting stuck

[bhargavb07]

The "Authorize Payment" header appears and nothing happens.

`import React, { Component } from 'react';
import { View, Text, StatusBar, TouchableHighlight } from 'react-native';
import { Button } from 'react-native-elements';
import RazorpayCheckout from 'react-native-razorpay';

export default class Cash extends Component {

doCheckOut() {
const options = {
description: 'Credits towards consultation',
image: 'https://i.imgur.com/3g7nmJC.png',
currency: 'INR',
key: 'xxxxxxxxxxxxxxxxxx',
amount: '100',
name: 'foo',
prefill: {
email: 'bhargav@gmail.com',
contact: '9191919191',
name: 'Razorpay Software'
},
theme: { color: '#F37254' }
};

RazorpayCheckout.open(options)
.then((data) => {
// handle success
console.log(Success: ${data.razorpay_payment_id});
})
.catch((error) => {
// handle failure
console.log(Error: ${error.code} | ${error.description});
});
}

render() {
return (

<Button
title="Pay"
color="#ffffff"
backgroundColor="#3498db"
buttonStyle={{ marginTop: 10 }}
onPress={this.doCheckOut.bind(this)}
/>

);
}
}`

[iThink32]

Please refer our integration videos and check if you have followed all our steps , here the link to the page:

https://razorpay.com/docs/ios/integration-videos/

[bhargavb07]

I have followed as per instructions given in the video, the integration worked but when I start the doCheckOut() function it gets stuck.

[iThink32]

ok @bhargavb07 i request you to try the same on the sample app , I believe it is already in the same repo if you are able to replicate it there then there is an issue else keep that as a benchmark and debug the issue.If all fails ill help you in debugging it

[bhargavb07]

@iThink32 I tried on the sample app, as shown in video, but having the same issue, "Authorize Payment" appears at the top and nothing happens further.

[iThink32]

@bhargavb07 I've just tested it on my end and it takes a second or two but works fine , give me your email id and we can discuss this further.

[iThink32]

closing due to inactivity.