title: React Native Android WebView How to disable horizontal scroll?
body: <p>I have a problem with webview and scrolling. I want to disable all scrolling. I used <code>scrollEnabled</code>, for IOS it works fine. But for android no property like this exists. I tried a lot of scripts but nothing works.</p>
  <p>At first look everything seems ok but if user swipes to right side then the text/div moves outside of screen.</p>
  <p><a href="https://i.stack.imgur.com/xonC5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xonC5.png" alt="how it looks like when it is ok" /></a></p>
  <p>and this is what happened</p>
  <p><a href="https://i.stack.imgur.com/7v88V.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7v88V.png" alt="how it looks like when user will swipe to side " /></a></p>
  <p>this is my webview:</p>
  <pre><code>&lt;WebView
    bounces={false}
    ref={(element) =&gt; { this.webViewRef = element; }}
    javaScriptEnabled
    scalesPageToFit={false}
    onShouldStartLoadWithRequest={this._onShouldStartLoadWithRequest}
    style={{
      height: this.state.webViewHeight,
    }}
    scrollEnabled={false}
    source={{
      html: `
            &lt;!DOCTYPE html&gt;
            &lt;html&gt;
              &lt;head&gt;${injectedStyle(platformStyles.fontSizes.base || 16, webViewWidth)}&lt;/head&gt;
              &lt;body&gt;
                &lt;div id=&quot;baseDiv&quot; class=&quot;ex1&quot;&gt;${content}&lt;/div&gt;
                ${injectedJS}
              &lt;/body&gt;
            &lt;/html&gt;
      `,
      baseUrl: 'http://s3.eu-central-1.amazonaws.com',
    }}
    onNavigationStateChange={this._processNavigationStateChange}
    automaticallyAdjustContentInsets={false}
  /&gt;
  </code></pre>
  <p>and i tried to add a style like this ( <code>overflow: 'hidden'</code> but its doesn't work):</p>
  <pre><code>    const injectedStyle = (fontSize, widhtPlatform) =&gt; `&lt;style type=&quot;text/css&quot;&gt;
      ...
      body {
              display: flex;
              overflow: hidden;
              background-color: orange;
      ...
          }
      div.ex1 {
        overflow: hidden;
    background-color: coral;
    border: 1px solid blue;
      ...
      }
      &lt;/style&gt;`;
  </code></pre>
  <p>and JS to disable scroll:</p>
  <pre><code>const injectedJS = `
    &lt;script&gt;
      var scrollEventHandler = function()
        {
          window.scroll(0, window.pageYOffset)
        }
      document.addEventListener('scroll', scrollEventHandler, false);
      document.getElementById('scrollbar').style.display = 'block';
      document.body.style.overflow = 'hidden';
  
    &lt;/script&gt;
  `;
  </code></pre>
  <p>We use RN:</p>
  <p><code>react-native-cli: 2.0.1</code></p>
  <p><code>react-native: 0.53.3</code></p>