A WebView component replacement for react-native

react-native-bridgeable-webview

Provides the ability to perform React Native calls from the WebView

A component replacement for react-native

Requires react-native == 0.6

Usage

var WebView = require('react-native-bridgeable-webview');

It is the exact same component as WebView except it offers a custom url scheme that acts as message bridge and a method onWebViewMessageSent to respond to calls made from the webview.

In your react-native code you can include the following snippet as a WebView replacement:

  <WebView
    ref={WEBVIEW_REF}
    automaticallyAdjustContentInsets={false}
    style={styles.webView}
    url={this.state.url}
    javaScriptEnabledAndroid={true}
    onNavigationStateChange={this.onNavigationStateChange}
    onWebViewMessageSent={this.onWebViewMessageSent}
    startInLoadingState={true}
  />

GitHub