diff --git a/App/index.js b/App/index.js
index 6a57b9f..4f63570 100644
--- a/App/index.js
+++ b/App/index.js
@@ -4,10 +4,10 @@ import {
     StyleSheet,
     Text,
     View,
-    WebView,
     Image,
     Dimensions
 } from 'react-native';
+import { WebView } from 'react-native-webview';
 
 const win = Dimensions.get('window');
 class ChartWeb extends Component {
@@ -60,7 +60,7 @@ class ChartWeb extends Component {
     }
 
     // used to resize on orientation of display
-    reRenderWebView(e) {
+    reRenderWebView = (e) => {
         this.setState({
             height: e.nativeEvent.layout.height,
             width: e.nativeEvent.layout.width,
@@ -79,6 +79,7 @@ class ChartWeb extends Component {
         return (
           <View style={this.props.style}>
               <WebView
+			  	  originWhitelist={["file://"]}
                   onLayout={this.reRenderWebView}
                   style={styles.full}
                   source={{ html: concatHTML, baseUrl: 'web/' }}
diff --git a/package.json b/package.json
index 63fcfc9..da9109e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-highcharts",
-  "version": "1.1",
+  "version": "1.1.0",
   "description":
     "JavaScript implementation of a view container that can flip between its front and back, where the back has a console.log and the front is your aplication.",
   "main": "react-native-highcharts.js",
@@ -25,5 +25,8 @@
   "bugs": {
     "url": "https://github.com/TradingPal/react-native-highcharts/issues"
   },
-  "homepage": "https://github.com/TradingPal/react-native-highcharts#readme"
+  "homepage": "https://github.com/TradingPal/react-native-highcharts#readme",
+  "dependencies": {
+    "react-native-webview": "^5.6.2"
+  }
 }
diff --git a/react-native-highcharts.js b/react-native-highcharts.js
index 6a57b9f..4f63570 100644
--- a/react-native-highcharts.js
+++ b/react-native-highcharts.js
@@ -4,10 +4,10 @@ import {
     StyleSheet,
     Text,
     View,
-    WebView,
     Image,
     Dimensions
 } from 'react-native';
+import { WebView } from 'react-native-webview';
 
 const win = Dimensions.get('window');
 class ChartWeb extends Component {
@@ -60,7 +60,7 @@ class ChartWeb extends Component {
     }
 
     // used to resize on orientation of display
-    reRenderWebView(e) {
+    reRenderWebView = (e) => {
         this.setState({
             height: e.nativeEvent.layout.height,
             width: e.nativeEvent.layout.width,
@@ -79,6 +79,7 @@ class ChartWeb extends Component {
         return (
           <View style={this.props.style}>
               <WebView
+			  	  originWhitelist={["file://"]}
                   onLayout={this.reRenderWebView}
                   style={styles.full}
                   source={{ html: concatHTML, baseUrl: 'web/' }}