enable animation by default; bump version number to 0.2.1

README.md

@@ -14,10 +14,15 @@ An auto height webview for React Native.
 
 ```javascript
 <AutoHeightWebView
+    onHeightUpdated={height => console.log(height)},
+    // offset of rn webview margin 
+    heightOffset={5}
+    // default width is the width of screen
+    style={customStyle}
+    // enable animation by default
     enableAnimation={true},
     // only works on enable animation
     animationDuration={255},
-    onHeightUpdated={height => console.log(height)}
     // or uri
     source={{ html: `<p style="font-weight: 400;font-style: normal;font-size: 21px;line-height: 1.58;letter-spacing: -.003em;">Tags are great for describing the essence of your story in a single word or phrase, but stories are rarely about a single thing. <span style="background-color: transparent !important;background-image: linear-gradient(to bottom, rgba(146, 249, 190, 1), rgba(146, 249, 190, 1));">If I pen a story about moving across the country to start a new job in a car with my husband, two cats, a dog, and a tarantula, I wouldn’t only tag the piece with “moving”. I’d also use the tags “pets”, “marriage”, “career change”, and “travel tips”.</span></p>` }}
     // use local or remote files

autoHeightWebView/index.android.js

@@ -74,14 +74,6 @@ export default class AutoHeightWebView extends ImmutableComponent {
         this.setState({ script: currentScript });
     }
 
-    // componentDidUpdate(prevProps, prevState) {
-    //     // redisplay webview when changing source
-    //     if (this.state.isChangingSource) {
-    //         this.startInterval();
-    //         this.setState({ isChangingSource: false });
-    //     }
-    // }
-
     componentWillUnmount() {
         this.stopInterval();
         if (IsBelowKitKat) {
@@ -94,14 +86,6 @@ export default class AutoHeightWebView extends ImmutableComponent {
         this.onMessage(body.message);
     }
 
-    postMessage(data) {
-        UIManager.dispatchViewManagerCommand(
-            findNodeHandle(this.webview),
-            UIManager.RCTAutoHeightWebView.Commands.postMessage,
-            [String(data)]
-        );
-    };
-
     // below kitkat
     sendToWebView(message) {
         UIManager.dispatchViewManagerCommand(
@@ -111,6 +95,14 @@ export default class AutoHeightWebView extends ImmutableComponent {
         );
     }
 
+    postMessage(data) {
+        UIManager.dispatchViewManagerCommand(
+            findNodeHandle(this.webview),
+            UIManager.RCTAutoHeightWebView.Commands.postMessage,
+            [String(data)]
+        );
+    };
+
     startInterval() {
         this.finishInterval = false;
         this.interval = setInterval(() => {
@@ -209,11 +201,13 @@ export default class AutoHeightWebView extends ImmutableComponent {
 }
 
 AutoHeightWebView.propTypes = {
-    enableAnimation: PropTypes.bool,
     source: WebView.propTypes.source,
     onHeightUpdated: PropTypes.func,
     customScript: PropTypes.string,
-    // offset rn webview margin
+    enableAnimation: PropTypes.bool,
+    // only works on enable animation
+    animationDuration: PropTypes.number,
+    // offset of rn webview margin
     heightOffset: PropTypes.number,
     // baseUrl not work in android 4.3 or below version
     enableBaseUrl: PropTypes.bool,
@@ -227,6 +221,7 @@ AutoHeightWebView.propTypes = {
 }
 
 AutoHeightWebView.defaultProps = {
+    enableAnimation: true,
     animationDuration: 555,
     enableBaseUrl: false,
     heightOffset: 20

autoHeightWebView/index.ios.js

@@ -105,13 +105,13 @@ export default class AutoHeightWebView extends ImmutableComponent {
 }
 
 AutoHeightWebView.propTypes = {
-    enableAnimation: PropTypes.bool,
-    // only works on enable animation
-    animationDuration: PropTypes.number,
     source: WebView.propTypes.source,
     onHeightUpdated: PropTypes.func,
     customScript: PropTypes.string,
-    // offset rn webview margin
+    enableAnimation: PropTypes.bool,
+    // only works on enable animation
+    animationDuration: PropTypes.number,
+    // offset of rn webview margin
     heightOffset: PropTypes.number,
     style: View.propTypes.style,
     // add web/files... to project root
@@ -123,6 +123,7 @@ AutoHeightWebView.propTypes = {
 }
 
 AutoHeightWebView.defaultProps = {
+    enableAnimation: true,
     animationDuration: 555,
     heightOffset: 12
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-autoheight-webview",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "An auto height webview for React Native",
   "main": "autoHeightWebView",
   "files": [