如何在react-native中缩小WebView?

我在react-native中使用“ WebView”来呈现网页。该网页没有适合移动设备的用户界面。

当我在Chrome浏览器中打开它时,如下图所示。

但是,当我渲染下面的代码时,它看起来像下面的图像。请参阅我已经尝试了不同的道具automaticallyAdjustContentInsets ={false}scalesPageToFit={false}。但这并没有给我欲望输出。

render(){

const URL = "https://stellarterm.com";

return(

<WebView

source={{URL}}

/>

回答:

您的网站已在meta中设置了页面宽度 <meta name="viewport" content="width=1080">

因此,您需要使用InjectionJavaScript覆盖它

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); }

scalesPageToFit={false}

以上是 如何在react-native中缩小WebView? 的全部内容, 来源链接: utcz.com/qa/416010.html

回到顶部