package.json

@@ -26,7 +26,6 @@
   },
   "homepage": "https://github.com/somonus/react-native-echarts#readme",
   "dependencies": {
-    "echarts": "3.2.3",
-    "react-native-webview":"13.8.7"
+    "echarts": "3.2.3"
   }
 }

src/components/Echarts/index.js

@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
-import { View, StyleSheet, Platform } from 'react-native';
-import WebView from 'react-native-webview';
+import { WebView, View, StyleSheet, Platform } from 'react-native';
 import renderChart from './renderChart';
 import echarts from './echarts.min';
 
@@ -12,7 +11,7 @@ export default class App extends Component {
   }
   
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  componentWillReceiveProps(nextProps) {
     if(nextProps.option !== this.props.option) {
       this.refs.chart.reload();
     }
@@ -23,10 +22,6 @@ export default class App extends Component {
   }
 
   render() {
-    const source = Platform.OS === 'ios'
-      ? require('./tpl.html')  // iOS使用require方式加载
-      : { uri: 'file:///android_asset/tpl.html' };  // Android从assets目录加载
-
     return (
       <View style={{flex: 1, height: this.props.height || 400,}}>
         <WebView
@@ -39,7 +34,7 @@ export default class App extends Component {
           }}
           scalesPageToFit={Platform.OS !== 'ios'}
           originWhitelist={['*']}
-          source={source}
+          source={require('./tpl.html')}
           onMessage={event => this.props.onPress ? this.props.onPress(JSON.parse(event.nativeEvent.data)) : null}
         />
       </View>

src/index.js

@@ -1,7 +1,5 @@
 import React, { Component } from 'react';
-import { View } from 'react-native';
-import WebView from 'react-native-webview';
-
+import { WebView, View } from 'react-native';
 import { Container, Echarts } from './components'
 
 export default class App extends Component {