Sometimes, you want to embed the existing web page inside your application. In mobile development, it's usually done using WebView. React Native is not different, and it gives you component that will render into native WebView.
The WebView component has a variety of props that allow you to manipulate the web page rendered inside. It has various callbacks that provide an option to register to specific events, such as errors, responding to messages from WebView, and so on. For example, adding WebView to our application will look like this:
It will be as simple as adding the WebView component and passing its source prop; in the same fashion, we pass the source prop to the Image component when dealing with network images. In this example, we also pass the scalesPageToFit prop to scale the page to fit WebView dimensions:
<View style={styles.container...