Заставить веб-просмотр React-Native загрузить URL-адрес как Мобильный? - PullRequest
Новая
       20

Заставить веб-просмотр React-Native загрузить URL-адрес как Мобильный?

0 голосов
/ 24 февраля 2019

В java с android studio я достигаю этого, добавляя следующий код: 

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

Ответы [ 2 ]

0 голосов
/ 25 февраля 2019

Использовать user-agent.

Примечание. Это будет работать только в Android.Для iOS используйте эту ссылку Изменить User-Agent 

<Webview
  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"
/>
0 голосов
/ 24 февраля 2019

Вдохновленный комментариями Sanyam, вам нужно настроить user-agent для его загрузки в качестве мобильного: 

<WebView
    userAgent={DeviceInfo.getUserAgent() + " - MYAPPNAME - android "}
    {...otherProps}
/>
...