From dc13ceddadc30b143e668aadd69982bd8dc3d317 Mon Sep 17 00:00:00 2001
From: Shashank Kumawat <42731404+ShashankPunchh@users.noreply.github.com>
Date: Tue, 22 Oct 2019 17:13:59 +0530
Subject: [PATCH] ShashankKumawat-useWebKit-Update

As iOS is warning for UIWebView depreciation  'useWebKit' prop should be true. Style changes should be made for QRCode view as 'scalesPageToFit' doesn't work for iOS after using 'useWebKit' property.
---
 lib/Canvas.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/lib/Canvas.js b/lib/Canvas.js
index 3b1ab26..c431412 100644
--- a/lib/Canvas.js
+++ b/lib/Canvas.js
@@ -22,13 +22,19 @@ var Canvas = createReactClass({
     render() {
         var contextString = JSON.stringify(this.props.context);
         var renderString = this.props.render.toString();
+        var qrCodeStyle =
+			Platform.OS === 'ios'
+				? '<meta name="viewport" content="width=device-width, initial-scale=1"> <style>*{width:100%;height:100%;resize:contain;margin:0; padding:0;}'
+				: '<style>*{margin:0;padding:0;}';
         return (
             <View style={this.props.style}>
                 <WebView
+                    useWebKit={true}
                     automaticallyAdjustContentInsets={false}
                     scalesPageToFit={Platform.OS === 'android'}
                     contentInset={{top: 0, right: 0, bottom: 0, left: 0}}
-                    source={{html: "<style>*{margin:0;padding:0;}canvas{transform:translateZ(0);}</style><canvas></canvas><script>var canvas = document.querySelector('canvas');(" + renderString + ").call(" + contextString + ", canvas);</script>"}}
+                    source={{html: qrCodeStyle +
+							"canvas{transform:translateZ(0);}</style><canvas></canvas><script>var canvas = document.querySelector('canvas');(" + renderString + ").call(" + contextString + ", canvas);</script>"}}
                     opaque={false}
                     underlayColor={'transparent'}
                     style={this.props.style}