update readme

README.md

@@ -1,11 +1,15 @@
 # react-native-autoheight-webview
-An auto height webview for React Native.
+An auto height webview for React Native, or even auto width for inline html.
+
+Cause of changes to lifecycle methods in React 16.3.0 (https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html), please install react-native-autoheight-webview 0.6.1 for the project with 0.47 <= rn < 0.55
 
 Cause of removing unused createJSModules calls in React Naitve 0.47 (https://github.com/facebook/react-native/releases/tag/v0.47.2), please install react-native-autoheight-webview 0.3.1 for the project with 0.44 <= rn < 0.47.
 
 Cause of moving View.propTypes to ViewPropTypes in React Naitve 0.44 (https://github.com/facebook/react-native/releases/tag/v0.44.3) and PropTypes has been moved to a separate package in React 16 (https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html#migrating-from-react.proptypes), please install react-native-autoheight-webview 0.2.3 for the project with rn < 0.44.
 
-`npm install react-native-autoheight-webview --save` (rn >= 0.47)
+`npm install react-native-autoheight-webview --save` (rn >= 0.56)
+
+`npm install react-native-autoheight-webview@0.6.1 --save` (0.47 <= rn < 0.56)
 
 `npm install react-native-autoheight-webview@0.3.1 --save` (0.44 <= rn < 0.47)
 
@@ -13,18 +17,24 @@ Cause of moving View.propTypes to ViewPropTypes in React Naitve 0.44 (https://gi
 
 ## android
 `react-native link react-native-autoheight-webview`
+`import AutoHeightWebView from 'react-native-autoheight-webview';`
+
+## ios
+`import AutoHeightWebView from 'react-native-autoheight-webview';`
 
 ## showcase
 ![react-native-autoheight-webview ios](https://media.giphy.com/media/l4FGyhnvWfUgxCfe0/200w.gif)&nbsp;
 ![react-native-autoheight-webview android](https://media.giphy.com/media/xUPGcIO0a1ggESelfq/200w.gif)
 
-# usage
+## usage
 
 ```javascript
 <AutoHeightWebView
-    scrollEnabled: PropTypes.bool,
+    onMessage={e => console.log(e)},
     // either height or width updated will trigger this
-    onSizeUpdated: PropTypes.func,
+    onSizeUpdated={({size => console.log(size.height)})},
+    // set scrollEnabled to true may cause some layout issues
+    scrollEnabled={true},
     // if page contains iframe on iOS, use a specific script for it
     hasIframe={true}
     /*
@@ -43,6 +53,8 @@ Cause of moving View.propTypes to ViewPropTypes in React Naitve 0.44 (https://gi
     enableAnimation={true},
     // only works on enable animation
     animationDuration={255},
+    // only on android for animating size
+    animationEasing={Easing.ease()},
     // 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
@@ -51,13 +63,13 @@ Cause of moving View.propTypes to ViewPropTypes in React Naitve 0.44 (https://gi
         type: 'text/css',
         rel: 'stylesheet'
     }]}
-    // change script (have to change source to reload on android)
     customScript={`document.body.style.background = 'lightyellow';`}
     // rn WebView callbacks
     onError={() => console.log('on error')}
     onLoad={() => console.log('on load')}
     onLoadStart={() => console.log('on load start')}
     onLoadEnd={() => console.log('on load end')}
+    onNavigationStateChange={() => console.log('navigation state changed')}
     // only on iOS
     onShouldStartLoadWithRequest={result => {
       console.log(result)
@@ -73,4 +85,7 @@ Cause of moving View.propTypes to ViewPropTypes in React Naitve 0.44 (https://gi
       }
     `}
   />
-```
+```
+
+## demo
+You may have to copy autoHeightWebView, android, node_modules folders to 'demo/node_modules/react-native-autoheight-webview/', cause of installing a local package with npm will create symlink, but there is no supporting of React Native to symlink (https://github.com/facebook/watchman/issues/105).