没有 SDK 的反应本机支付网关

Question

我正在使用 React Native 做一个电子商务应用程序。我们需要集成一个支付网关，它似乎没有用于 React Native (ADCB) 的 SDK。我该如何解决这个问题？

我可以继续自定义标签吗？如果可以，支付完成后如何关闭自定义标签？


url = 'https://www.example.com/newsagepay/newtest.php?&customerSage='+isuerID+'&checkSage=1';

CustomTabs.openURL(url,{ toolbarColor: '#607D8B',enableUrlBarHiding: true, showPageTitle: true, enableDefaultShare: true, 
animations: ANIMATIONS_SLIDE}).then((launched: boolean) => {                                                        
    console.log(`Launched custom tabs: ${launched}`);
}).catch(err => {
    console.error(err)
});

Answer 1

我想建议你 <WebView /> 你可以使用一个名为 onNavigationStateChange={} 的 webView 的属性传递一个函数给它。监控webview的URL，根据成功或失败进行处理。

例如假设付款成功 URL 是 http://payment.sucess

<WebView 
onNavigationStateChange={(webViewState)=>{
console.log(webViewState.url)
if(webViewState.url==="http://payment.sucess"){
//navigate or close webview
}}
javaScriptEnabled = {true}
domStorageEnabled = {true}
/>

没有 SDK 的反应本机支付网关

React native payment gateway without SDK

payment

payment-gateway

react-native