Disable zoom on web-view react-native? Disable zoom on web-view react-native? ios ios

Disable zoom on web-view react-native?


Thought this might help others, I solved this by adding the following in the html <head> section:

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">


For those who want a clear idea:

const INJECTEDJAVASCRIPT = `const meta = document.createElement('meta'); meta.setAttribute('content', 'width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=0'); meta.setAttribute('name', 'viewport'); document.getElementsByTagName('head')[0].appendChild(meta); ` <WebView  source={{ html: params.content.rendered }}  scalesPageToFit={isAndroid() ? false : true}  injectedJavaScript={INJECTEDJAVASCRIPT}  scrollEnabled />