Add scrollEnabled prop

Author: adrianicv

README.md

@@ -38,16 +38,18 @@ import WebView from 'WebView'; // don't import from react-native
 See [RN's doc](https://facebook.github.io/react-native/docs/webview.html).
 
 Supported props are:
-- source
-- onMessage
+- `source`
+- `onMessage`
+- `scrollEnabled`
 
-Additional props are:
+Additional, web-specific props are:
 - `newWindow`: (*boolean*|*{ name: string, features: string}*)
 This will open the source in a new window, optionally giving it an [internal name and custom features](https://developer.mozilla.org/en-US/docs/Web/API/Window/open).
 By default, the name is `webview` and there are no features set.
 This is useful when your target has X-Frame-Options or a no-CORS policy.
 It currently only supports a `source` prop with a `method` set to `POST`.
 Please feel free to do a PR to support more request types!
+- `title`: (*string*) This prop will set the `webview` title.
 
 ## Examples
 See the [storybook](https://react-native-web-community.github.io/react-native-web-webview/storybook).

src/index.js

@@ -93,13 +93,13 @@ export default class extends Component {
       );
     }
 
-    const { title, source, onLoad } = this.props;
+    const { title, source, onLoad, scrollEnabled } = this.props;
     return (
       <iframe
         title={title}
         src={!source.method ? source.uri : undefined}
         srcDoc={this.state.html || source.html}
-        style={{ width: '100%', height: '100%', border: 0 }}
+        style={[styles.iframe, !scrollEnabled && styles.noScroll]}
         allowFullScreen
         allowpaymentrequest="true"
         frameBorder="0"
@@ -116,4 +116,12 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
+  iframe: {
+    width: '100%',
+    height: '100%',
+    border: 0,
+  },
+  noScroll: {
+    overflow: 'hidden',
+  },
 });