diff --git a/App/index.js b/App/index.js
old mode 100644
new mode 100755
index 6a57b9f..0e42be2
--- a/App/index.js
+++ b/App/index.js
@@ -4,11 +4,12 @@ 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 {
     constructor(props){
@@ -60,7 +61,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,
@@ -75,7 +76,7 @@ class ChartWeb extends Component {
 
         config = JSON.parse(config)
         let concatHTML = `${this.state.init}${flattenObject(config)}${this.state.end}`;
-        
+
         return (
           <View style={this.props.style}>
               <WebView
diff --git a/README.md b/README.md
old mode 100644
new mode 100755
diff --git a/index.android.js b/index.android.js
old mode 100644
new mode 100755
diff --git a/index.ios.js b/index.ios.js
old mode 100644
new mode 100755
diff --git a/package.json b/package.json
old mode 100644
new mode 100755
index 63fcfc9..1c7fcd6
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-highcharts",
-  "version": "1.1",
+  "version": "1.2.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": "11.2.3"
+  }
 }
diff --git a/react-native-highcharts.js b/react-native-highcharts.js
old mode 100644
new mode 100755
index 6a57b9f..0e42be2
--- a/react-native-highcharts.js
+++ b/react-native-highcharts.js
@@ -4,11 +4,12 @@ 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 {
     constructor(props){
@@ -60,7 +61,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,
@@ -75,7 +76,7 @@ class ChartWeb extends Component {
 
         config = JSON.parse(config)
         let concatHTML = `${this.state.init}${flattenObject(config)}${this.state.end}`;
-        
+
         return (
           <View style={this.props.style}>
               <WebView