Can we Wrap a website in a React Native Web view and Make it live on iOS?
Here is an example code (Just a web application wrapped inside React Native )
import React, { useEffect, useRef, useState } from "react";
import { BackHandler, StyleSheet } from "react-native";
import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
import { WebView } from "react-native-webview";
export default function App() {
const webviewRef = useRef<WebView>(null);
const [canGoBack, setCanGoBack] = useState(false);
// Handle Android back button
useEffect(() => {
const backHandler = BackHandler.addEventListener("hardwareBackPress", () => {
if (canGoBack && webviewRef.current) {
webviewRef.current.goBack();
return true; // prevent app exit
}
return false; // allow app exit
});
return () => backHandler.remove();
}, [canGoBack]);
return (
<SafeAreaProvider>
<SafeAreaView style={styles.container} edges={["top", "bottom", "left", "right"]}>
<WebView
ref={webviewRef}
source={{ uri: "https://www.kallardo.com/" }}
style={styles.webview}
startInLoadingState={true}
javaScriptEnabled={true}
domStorageEnabled={true}
onNavigationStateChange={(navState) => setCanGoBack(navState.canGoBack)}
/>
</SafeAreaView>
</SafeAreaProvider>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
},
webview: {
flex: 1,
},
});
I want to know will we get approval easier or makes it complicated or not allowed