react-native-webview (original) (raw)

A library that provides a WebView component.

react-native-webview provides a WebView component that renders web content in a native view.

Installation

- npx expo install react-native-webview

If you are installing this in an existing React Native app, make sure to install expo in your project. Then, follow the installation instructions provided in the library's README or documentation.

`import { WebView } from 'react-native-webview'; import Constants from 'expo-constants'; import { StyleSheet } from 'react-native';

export default function App() { return ( <WebView style={styles.container} source={{ uri: 'https://expo.dev' }} /> ); }

const styles = StyleSheet.create({ container: { flex: 1, marginTop: Constants.statusBarHeight, }, }); `

`import { WebView } from 'react-native-webview'; import Constants from 'expo-constants'; import { StyleSheet } from 'react-native';

export default function App() { return ( <WebView style={styles.container} originWhitelist={['*']} source={{ html: '

' }} /> ); }

const styles = StyleSheet.create({ container: { flex: 1, marginTop: Constants.statusBarHeight, }, }); `