Add detectZoomChanged for utils

autoHeightWebView/utils.js

@@ -65,6 +65,32 @@ const makeScalePageToFit = (zoomable, scalesPageToFit) =>
   document.getElementsByTagName("head")[0].appendChild(meta);
 `;
 
+const detectZoomChanged = `
+  var zoomin = false;
+  var latestTapStamp = 0;
+  var lastScale = false;
+  var doubleTapDelay = 400;
+  function detectZoomChanged() {
+    var tempZoomin = (screen.width / window.innerWidth) > 1;
+    tempZoomin !== zoomin && window.ReactNativeWebView.postMessage(JSON.stringify({ zoomin: tempZoomin }));
+    zoomin = tempZoomin;
+  }
+  window.addEventListener('touchend', event => {
+    var tempScale = event.scale; 
+    tempScale !== lastScale && detectZoomChanged();
+    lastScale = tempScale;
+    var timeSince = new Date().getTime() - latestTapStamp;
+    // double tap   
+    if(timeSince < 600 && timeSince > 0) {
+      zoominTimeOut = setTimeout(() => {
+        clearTimeout(zoominTimeOut);
+        detectZoomChanged();
+      }, doubleTapDelay);
+    }
+    latestTapStamp = new Date().getTime();
+  });
+`
+
 const getBaseScript = ({ style, zoomable, scalesPageToFit }) =>
   `
   ;
@@ -100,10 +126,10 @@ const appendFilesToHead = ({ files, script }) =>
 const screenWidth = Dimensions.get('window').width;
 
 const bodyStyle = `
-body {
-  margin: 0;
-  padding: 0;
-}
+  body {
+    margin: 0;
+    padding: 0;
+  }
 `;
 
 const appendStylesToHead = ({ style, script }) => {
@@ -119,13 +145,13 @@ const appendStylesToHead = ({ style, script }) => {
 };
 
 const getInjectedSource = ({ html, script }) => `
-${html}
-<script>
-// prevents code colissions with global scope
-(function() {
-  ${script}
-})();
-</script>
+  ${html}
+  <script>
+  // prevents code colissions with global scope
+  (function() {
+    ${script}
+  })();
+  </script>
 `;
 
 const getScript = ({ files, customStyle, customScript, style, zoomable, scalesPageToFit }) => {