Страница оплаты не работает в приложении React Native WebviewIOS

Программируем под IOS
Ответить
Anonymous
 Страница оплаты не работает в приложении React Native Webview

Сообщение Anonymous »

Я пытаюсь создать приложение ReactNative WebView для своего интернет-магазина. Все работает нормально, пока я не пытаюсь оплатить заказ.
Я получаю сообщение об ошибке:
Страница оплаты приложения WebView
Я все равно могу закрыть это всплывающее окно. оттуда не открываются никакие ссылки, кроме установленных приложений UPI, таких как GPay.
Мой файл App.tsx:

Код: Выделить всё

import { View, Platform, SafeAreaView, BackHandler, Dimensions, Image, Linking } from 'react-native';
import * as React from "react";
import { useEffect, useState, useRef } from 'react';
import {WebView} from "react-native-webview";
import Constants from "expo-constants";
import NetInfo from "@react-native-community/netinfo"

const BACKGROUND_COLOR = "#53B948";
const DEVICE_WIDTH = Dimensions.get("window").width;
const DEVICE_HEIGHT = Dimensions.get("window").height;
const ANDROID_BAR_HEIGHT = Platform.OS === "android" ? Constants.statusBarHeight : 0;
const deviceHeight = Dimensions.get('window').height;
const deviceWidth = Dimensions.get('window').width;

export default function App() {
const WEBVIEW = useRef()
const [backButtonEnabled, setBackButtonEnabled] = useState(false);
const [isConnected, setConnected] =useState(true);
const [loading, setLoading] = useState(true);

function webViewLoaded(){
setLoading(false);
}

useEffect(() => {
const netInfoSubscribe =NetInfo.addEventListener(state => {
setConnected(state.isConnected);
if(!state.isConnected){
alert('No Internet Connection');
}
});
return netInfoSubscribe;
}, []);

function onNavigationStateChange(navState){
setBackButtonEnabled(navState.canGoBack)
}

useEffect(()=> {
function backHandler(){
if(backButtonEnabled){
WEBVIEW.current.goBack();
return true;
}
}

BackHandler.addEventListener("hardwareBackPress", backHandler);

return () => BackHandler.removeEventListener("hardwareBackPress", backHandler);

}, [backButtonEnabled]);

return (


{(loading || !isConnected  ) &&(



)}
{isConnected && (

 { alert(err) }}

/>

)}


);
}
Платежный шлюз, который я пытаюсь реализовать, — CashFree.
Я пытаюсь создать приложение WebView в React Native для своего интернет-магазина (Magento 2.4.6).

Подробнее здесь: https://stackoverflow.com/questions/773 ... ebview-app
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «IOS»