RN provides us with the WebView component to load a web page.

/**
 * Created by gyg on 2017/5/4.
 */
'use strict'
import React, {Component} from 'react';
import {
    StyleSheet,
    View,
    Text,
    WebView,
    BackAndroid,
} from 'react-native';

class WebLoadingView extends Component {

    render() {
        return (
            <View style={{flex:1,justifyContent:'center',
        alignItems:'center',backgroundColor:'#f2f2f2'}}>
                <Text style={styles.loadingText}>
                    The page is loading...
                </Text>
            </View>
        )
    }
}

export default class WebViewScene extends Component {

    // structure
    constructor(props) {
        super(props);
        // initial state
        this.state = {
            url: "",
            title: "",
            loading: true,
            isBackButtonEnable: false,
            isForwardButtonEnable: false
        };
    }

    componentDidMount() {
        BackAndroid.addEventListener("webHardwareBackPress", ()=> {
            try {
                if (this.state.isBackButtonEnable) {
                    this.refs._webView.goBack();//Return to the previous page
                    return true;//true system will no longer process false to the system
                }
            } catch (error) {
                return false;
            }
            return false;
        })
    }

    componentWillUnmount() {
        BackAndroid.removeEventListener("webHardwareBackPress");
    }

    render() {
        return (
            <View style={styles.container}>
                <WebView
                    style={styles.webView}
                    ref="_webView"
                    source={{uri:this.props.route.extras.url}}//Get URL parameters
                    automaticallyAdjustContentInsets={true}
                    domStorageEnabled={true}
                    javaScriptEnabled={true}
                    scalesPageToFit={true}
                    startInLoadingState={true}
                    renderLoading={()=>{return <WebLoadingView/>}}
                    onNavigationStateChange={this._onNavigationStateChange.bind(this)}
                />
            </View>
        )
    }

    //WebView navigation status changes
    _onNavigationStateChange(navState) {
        this.setState({
            url: navState.url,
            title: navState.title,
            loading: navState.loading,
            isBackButtonEnable: navState.canGoBack,
            isForwardButtonEnable: navState.canGoForward,
        })
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: "#f2f2f2",
    },
    webview: {
        flex: 1,
    },
    loadingText: {
        color: '#8a8a8a',
        fontSize: 16
    }
})

• source {uri: string, method: string, headers: object, body: string}, {html: string, baseUrl: string} Load url, load static html
• javaScriptEnabled bool android is enabled to support js
• automaticallyAdjustContentInsets bool Set whether to automatically adjust the content
• domStorageEnabled bool Suitable for Android platform This is only suitable for Android platform, used to control whether to open DOM Storage (storage)
• scalesPageToFit bool is suitable for iOS platform. It is used to set whether the web page is zoomed to adapt to the entire screen view and whether the user can change the zoom page
• onError function is called when the webpage fails to load
• onLoad function method is called when the web page is finished loading
• onLoadEnd function is called when the page load ends (regardless of success or failure)
• onLoadStart function is called when the web page loading starts
• onNavigationStateChange function callback when the navigation state changes
• renderError function is used when rendering view errors
• renderLoading function The function of this function is to return a loading indicator
• startInLoadingState bool force webview to display loading view when first loaded
• userAgent string android set userAgent
• allowsInlineMediaPlayback bool is suitable for the iOS platform. The setting determines when using HTML5 to play the video in the current page position or the native full-screen player. The default value is false. [Note]. In order to make the video play in the original web page position, not only must this attribute be set to true, but also the webkit-playsinline attribute of the video node in the HTML page must be set
• bounces bool It is suitable for iOS platform. Set whether there is interface bounce feature
• The onShouldStartLoadWithRequest function is suitable for the iOS platform. It should allow interception of the URL address loaded by WebView for custom processing. This method determines whether to continue loading the intercepted request by returning true or falase
• scrollEnabled bool Suitable for iOS platform, used to set whether to enable page scrolling
  Jump to the display page:

this.props.navigator.push({
            component: WebViewScene,
            extras: {
                url: 'https://www.jd.com',//Web URL
            }
        })

Source code