Я получаю сообщение об ошибке:
Страница оплаты приложения 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) }}
/>
)}
);
}
Я пытаюсь создать приложение WebView в React Native для своего интернет-магазина (Magento 2.4.6).
Подробнее здесь: https://stackoverflow.com/questions/773 ... ebview-app
Мобильная версия