diff --git a/docs/stories/components/InjectableWebView.jsx b/docs/stories/components/InjectableWebView.jsx
new file mode 100644
index 0000000..7307159
--- /dev/null
+++ b/docs/stories/components/InjectableWebView.jsx
@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+import { Button, View } from 'react-native-web';
+import WebView from 'react-native-webview';
+
+export default class InjectableWebView extends Component {
+ constructor(props) {
+ super(props);
+ this.ref = React.createRef();
+ }
+
+ render() {
+ return (
+
+
+ this.ref.current.injectJavaScript(this.props.script)} />
+
+ );
+ }
+}
diff --git a/docs/stories/html.js b/docs/stories/html.js
index 09308a2..3e51d40 100644
--- a/docs/stories/html.js
+++ b/docs/stories/html.js
@@ -1,6 +1,12 @@
import React from 'react';
import { WebView } from 'react-native-webview';
+import InjectableWebView from './components/InjectableWebView';
+import { text } from '@storybook/addon-knobs';
const html = '
Hello world! ';
export const basic = () => ;
+
+export const inject = () => (
+
+);
diff --git a/docs/stories/index.js b/docs/stories/index.js
index e39f4d0..fe9d472 100644
--- a/docs/stories/index.js
+++ b/docs/stories/index.js
@@ -5,8 +5,11 @@ import * as method from './method';
import { storiesOf } from '@storybook/react';
-storiesOf('HTML source', module).add('basic', html.basic);
+storiesOf('HTML source', module).add('basic', html.basic).add('inject javascript', html.inject);
-storiesOf('URI source', module).add('basic', uri.basic).add('onMessage', uri.onMessage);
+storiesOf('URI source', module)
+ .add('basic', uri.basic)
+ .add('onMessage', uri.onMessage)
+ .add('inject javascript', uri.inject);
-storiesOf('With method', module).add('basic', method.basic);
+storiesOf('With method', module).add('basic', method.basic).add('inject javascript', method.inject);
diff --git a/docs/stories/method.js b/docs/stories/method.js
index 09ed1a6..5208485 100644
--- a/docs/stories/method.js
+++ b/docs/stories/method.js
@@ -2,6 +2,8 @@ import React from 'react';
import { WebView } from 'react-native-webview';
import { text } from '@storybook/addon-knobs';
+import InjectableWebView from './components/InjectableWebView';
+
export const basic = () => (
(
}}
/>
);
+
+export const inject = () => (
+
+);
diff --git a/docs/stories/onMessage.html b/docs/stories/onMessage.html
index e48f079..b3cbed7 100644
--- a/docs/stories/onMessage.html
+++ b/docs/stories/onMessage.html
@@ -18,7 +18,7 @@ Hello world!
name: 'WebView',
});
- document.getElementById('button').addEventListener('click', function () {
+ function onClick() {
if (window.opener) {
// Web new window
window.opener.postMessage(payload, window.opener.origin);
@@ -32,7 +32,9 @@ Hello world!
window.postMessage(payload);
});
}
- });
+ }
+
+ document.getElementById('button').addEventListener('click', onClick);