https://github.com/Intellicode/react-native-bridgeable-webview

Provides the ability to perform React Native calls from the WebView
https://github.com/Intellicode/react-native-bridgeable-webview

Last synced: about 1 month ago
JSON representation

Provides the ability to perform React Native calls from the WebView

• Host: GitHub
• URL: https://github.com/Intellicode/react-native-bridgeable-webview
• Owner: Intellicode
• License: mit
• Created: 2015-06-17T20:25:33.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-15T19:48:49.000Z (over 7 years ago)
• Last Synced: 2024-12-06T12:35:09.187Z (about 1 month ago)
• Language: Objective-C
• Homepage:
• Size: 19.5 KB
• Stars: 18
• Watchers: 4
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-bridgeable-webview ★16 - A react-native webview with bridge to react-native code (Components / Web)
• awesome-react-native - react-native-bridgeable-webview ★16 - A react-native webview with bridge to react-native code (Components / Web)
• awesome-react-native - react-native-bridgeable-webview ★16 - A react-native webview with bridge to react-native code (Components / Web)
• awesome-react-native-ui - react-native-bridgeable-webview ★11 - A react-native webview with bridge to react-native code (Components / Web)
• awesome-react-native - react-native-bridgeable-webview ★16 - A react-native webview with bridge to react-native code (Components / Web)

README

        
## react-native-bridgeable-webview

A `` component replacement for react-native

Requires react-native == 0.6

### Add it to your project

1. Run `npm install react-native-bridgeable-webview --save`

2. Open your project in XCode, right click on `Libraries` and click `Add Files to "Your Project Name"`

   * ![Screenshot](http://url.brentvatne.ca/jQp8.png) ![Screenshot](http://url.brentvatne.ca/1gqUD.png) (use the RNBridgeableWebview project rather than the one pictured in screenshot).

3. Add `libRNBridgeableWebview.a` to `Build Phases -> Link Binary With Libraries`

   ![(Screenshot)](http://url.brentvatne.ca/g9Wp.png).

5. Whenever you want to use it within React code now you can: `var WebView = require('react-native-bridgeable-webview');`

## 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:

```jsx

  

```