React native 如何在react native中回调url成功响应后关闭razorpay webview？

我正在整合react native razorpay，以便在我的react native应用程序中付款。我可以完成付款，通过向RazorpayCheckOut提供付款选项中的回调url，我甚至可以呼叫我的后端服务器并更新付款操作，但当服务器的回调url向应用程序提供成功消息时，我无法读取消息并关闭打开的RazorpayWebView在我的本地应用程序中

---

是否有任何方法可以在收到callback\u url的成功消息后关闭razorpay的电子视图并返回应用程序？

基于此处列出的示例代码

RazorPay返回

数据。RazorPay\u payment\u id

作为响应。 您可以使用该付款id从后端获取付款状态

我在后端API中使用ruby gem来获取付款状态

Razorpay:：Payment.fetch（“Payment\u id”）

{
变量选项={
说明：'咨询学分'，
图像：'https://i.imgur.com/3g7nmJC.png',
货币：“印度卢比”，
键：“rzp_测试_1dp5molf5g5ag”，
金额：'5000'，
名称：“foo”，
预填充：{
电邮:'void@razorpay.com',
联系人：'9191'，
名称：“Razorpay软件”
},
主题：{颜色：'#F37254'}
}
RazorpayCheckout.打开（选项）。然后（（数据）=>{
//成功
警报（`Success:${data.razorpay\u payment\u id}`）；
}).catch（（错误）=>{
//处理失败
警报（`Error:${Error.code}|${Error.description}`）；
});
}}>

您好，您能找到解决方案吗？

<TouchableHighlight onPress={() => {
  var options = {
    description: 'Credits towards consultation',
    image: 'https://i.imgur.com/3g7nmJC.png',
    currency: 'INR',
    key: 'rzp_test_1DP5mmOlF5G5ag',
    amount: '5000',
    name: 'foo',
    prefill: {
      email: 'void@razorpay.com',
      contact: '9191919191',
      name: 'Razorpay Software'
    },
    theme: {color: '#F37254'}
  }
  RazorpayCheckout.open(options).then((data) => {
    // handle success
    alert(`Success: ${data.razorpay_payment_id}`);
  }).catch((error) => {
    // handle failure
    alert(`Error: ${error.code} | ${error.description}`);
  });
}}>