Как уменьшить масштаб в WebView в реагировать на родной?

Question

Я использую "WebView" в реагирующем для рендеринга веб-страницы. Веб-страница не имеет мобильного интерфейса.

Когда я открываю его в браузере Chrome, он выглядит так, как показано ниже. И Я ХОЧУ ОСТАВИТЬ ЕГО, КАК НИЖЕ

Но когда я рендерину ниже кода, это выглядит как изображение, показанное ниже. Пожалуйста, обратите внимание, что я пробовал разные реквизиты automaticallyAdjustContentInsets = {false}, scalesPageToFit={false}. Но это не дает мне желаемого результата.

render(){
    const URL  = "https://stellarterm.com";
    return(
          <WebView 
             source={{URL}}
          />

Результат

Пожалуйста, не стесняйтесь предложить любое решение, если у вас есть. Любая сторонняя библиотека тоже будет в порядке.

Answer 1

У вашего сайта уже задана мета-ширина <meta name="viewport" content="width=1080">

Так что вам нужно переопределить это с помощью injectedJavaScript

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}