fix flicking issue on iOS 11; bump version to 0.3.3

README.md

@@ -33,7 +33,8 @@ Cause of moving View.propTypes to ViewPropTypes in React Naitve 0.44 (https://gi
     // offset of rn webview margin 
     heightOffset={5}
     // default width is the width of screen
-    style={customStyle}
+    // to fix that it can not select text when the length of it is not long enough on iOS, the width should be reduced more than 15
+    style={{ width: Dimensions.get('window').width - 15 }}
     // enable animation by default
     enableAnimation={true},
     // only works on enable animation

autoHeightWebView/index.ios.js

@@ -87,7 +87,7 @@ export default class AutoHeightWebView extends PureComponent {
 
     handleNavigationStateChange(navState) {
         const height = Number(navState.title);
-        if (height) {
+        if (height && height !== this.state.height) {
             if (this.props.enableAnimation) {
                 this.opacityAnimatedValue.setValue(0);
             }
@@ -139,14 +139,24 @@ const Styles = StyleSheet.create({
     }
 });
 
-// note that it can not get height when there are only text objects in a html body which does not make any sense 
 const BaseScript =
     `
-    ; (function () {
+    ; 
+    (function () {
         var i = 0;
+        var height = 0;
+        var wrapper = document.createElement('div');
+        wrapper.id = 'height-wrapper';
+        while (document.body.firstChild) {
+            wrapper.appendChild(document.body.firstChild);
+        }
+        document.body.appendChild(wrapper);
         function updateHeight() {
-            document.title = document.body.offsetHeight;
-            window.location.hash = ++i;
+            if(document.body.offsetHeight !== height) {
+                height = wrapper.clientHeight;
+                document.title = wrapper.clientHeight;
+                window.location.hash = ++i;
+            }
         }
         updateHeight();
         window.addEventListener('load', updateHeight);

demo/yarn.lock

@@ -3241,7 +3241,7 @@ react-devtools-core@2.3.1:
     ws "^2.0.3"
 
 react-native-autoheight-webview@../:
-  version "0.3.2"
+  version "0.3.3"
   dependencies:
     immutable "^3.8.1"
     prop-types "^15.5.10"

package.json

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