强制 React-Native webview 将 url 加载为移动设备？

Question

在带有 android studio 的 java 中，我通过添加以下代码来实现这一点：

webView.getSettings().setJavaScriptEnabled(true);

webView.getSettings().setLoadWithOverviewMode(true);

webView.getSettings().setUseWideViewPort(true);

webView.getSettings().setSupportZoom(true);

webView.getSettings().setBuiltInZoomControls(true);

webView.getSettings().setDisplayZoomControls(false);

webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);

webView.setScrollbarFadingEnabled(false);

但我不知道如何在 React-Native 中做到这一点，我尝试了一些 css 风格，但没有成功。

这是我在 React 中的 webview：

<WebView

  ref="WebView"

  scalesPageToFit={true}

  onLoadStart={this.onLoadStart}

  onLoadEnd={this.onLoadEnd}

  source = {{ uri:this.props.navigation.getParam('main_url', 

  'https://xxxx.xxx/')}}

  style={{backgroundColor: 'transparent',width: '100%'}}

/>:null}

Answer 1

使用用户代理。注意：这曾经仅适用于 Android。对于 iOS，您可以使用此链接Change User-Agent 现在它似乎适用于 iOS 和 android<Webview&nbsp; userAgent="Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3714.0 Mobile Safari/537.36"/>

Answer 2

受 Sanyam 评论的启发，您需要设置用户代理以将其加载为移动设备：<WebView&nbsp; &nbsp; userAgent={DeviceInfo.getUserAgent() + " - MYAPPNAME - android "}&nbsp; &nbsp; {...otherProps}/>