From 9ef48beaaa2141c4f814ffbef678e50d68eab8a5 Mon Sep 17 00:00:00 2001
From: sgellar <1216181067@qq.com>
Date: Sat, 21 Sep 2019 18:44:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                    |  2 +-
 src/components/Echarts/index.js | 41 +++++++++++++++++++--------------
 2 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/package.json b/package.json
index 9f891a3..588581b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "native-echarts",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "echarts for react-native",
   "main": "src/index.js",
   "directories": {
diff --git a/src/components/Echarts/index.js b/src/components/Echarts/index.js
index ce74756..8f5f446 100644
--- a/src/components/Echarts/index.js
+++ b/src/components/Echarts/index.js
@@ -11,13 +11,21 @@ export default class App extends Component {
     super(props);
     this.setNewOption = this.setNewOption.bind(this);
   }
-  
+
 
   componentWillReceiveProps(nextProps) {
     if(nextProps.option !== this.props.option) {
-      this.refs.chart.reload();
+      // this.refs.chart.reload();
+      if(Platform.OS === 'android'){
+        this.refs.chart.reload();
+      }else {
+        this.setNewOption(nextProps.option) ;
+      }
     }
   }
+  shouldComponentUpdate() {
+    return false ;
+  }
 
   setNewOption(option) {
     this.refs.chart.postMessage(JSON.stringify(option));
@@ -25,21 +33,20 @@ export default class App extends Component {
 
   render() {
     return (
-      <View style={{flex: 1, height: this.props.height || 400,}}>
-        <WebView
-          ref="chart"
-          scrollEnabled = {false}
-          injectedJavaScript = {renderChart(this.props)}
-          style={{
-            height: this.props.height || 400,
-            backgroundColor: this.props.backgroundColor || 'transparent'
-          }}
-          scalesPageToFit={Platform.OS !== 'ios'}
-          originWhitelist={['*']}
-          source={{ html:getTpl() }}
-          onMessage={event => this.props.onPress ? this.props.onPress(JSON.parse(event.nativeEvent.data)) : null}
-        />
-      </View>
+        <View style={{flex: 1, height: this.props.height || 400,}}>
+          <WebView
+              ref="chart"
+              scrollEnabled = {false}
+              injectedJavaScript = {renderChart(this.props)}
+              style={{
+                height: this.props.height || 400,
+                backgroundColor: this.props.backgroundColor || 'transparent'
+              }}
+              originWhitelist={['*']}
+              source={{ html:getTpl() }}
+              onMessage={event => this.props.onPress ? this.props.onPress(JSON.parse(event.nativeEvent.data)) : null}
+          />
+        </View>
     );
   }
 }