react-native-webview-modal
⚛️ A <WebViewModal />
component for React Native, where the source content is pre-loaded for speed 🏁. Supports iOS/Android/Web/Expo.
Using react-native-webview-modal, you can embed content which can be presented without waiting for the page actually load. This is achieved by effectively pre-caching the render result and not making this visible until the modal is ready.
This helps provide a more native feeling experience when handing over to web-defined parts of the user journey, such as authentication with a web provider.
🚀 Getting Started
yarn add react-native-webview react-native-webview-modal
✍️ Example
You're required to declare a <WebViewModalProvider />
at the root of your application. This is because the react-native-webview-modal
does not use React Native's built in <Modal />
component.
;; ; { const visible setVisible = ; return <WebViewModalProvider> <View style=StyleSheetabsoluteFill> <SafeAreaView /> <Button title="Open" onPress= /> <WebViewModal visible=visible source= uri: "https://google.com" /> </View> </WebViewModalProvider> ;}