Repository files navigation

A<WebView> component replacement for react-native

Requires react-native == 0.6

1. Runnpm install react-native-bridgeable-webview --save
2. Open your project in XCode, right click onLibraries and clickAdd Files to "Your Project Name"
   • (use the RNBridgeableWebview project rather than the one pictured in screenshot).
3. AddlibRNBridgeableWebview.a toBuild Phases -> Link Binary With Libraries.
4. Whenever you want to use it within React code now you can:var WebView = require('react-native-bridgeable-webview');

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

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

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

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