title: Rendering webview on android device overlaps previous siblings from same parent
body: <p>React native 0.57
  Integrated RN webview or <code>react-native-webview@2.4.0</code></p>
  
  <p>On simulator all siblings are rendered (text component 1 - 3)
  On real device webview overlaps previous siblings and they are not rendered.</p>
  
  <pre><code>import React, { Component } from 'react';
  import { ScrollView, View, WebView, Text } from 'react-native';
  
  export default class MyWeb extends Component {
    render() {
      return (
        &lt;ScrollView contentContainerStyle={{ backgroundColor: 'pink', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}&gt;
          &lt;View style={{backgroundColor: 'yellow', margin: 5, height: 60, width: 300, alignItems: 'center', justifyContent: 'center' }}&gt;
            &lt;Text&gt;TEXT COMPONENT 1&lt;/Text&gt;
          &lt;/View&gt;
          &lt;View style={{backgroundColor: 'yellow', height: 60, width: 300, alignItems: 'center', justifyContent: 'center' }}&gt;
            &lt;Text&gt;TEXT COMPONENT 2&lt;/Text&gt;
          &lt;/View&gt;
          &lt;View style={{flex: 1}}&gt;
            &lt;WebView
              source={{ html: '&lt;div&gt;COTENT OF WEBVIEW HERE&lt;/div&gt;' }}
              // source={{ uri: 'https://infinite.red/react-native' }}
              style={{margin: 20, flex :1, height: 250, width: 300, backgroundColor: 'red'}}
            /&gt;
          &lt;/View&gt;
          &lt;View style={{backgroundColor: 'yellow', height: 100, width: 300, alignItems: 'center', justifyContent: 'center', padding: 10 }}&gt;
            &lt;Text&gt;TEXT COMPONENT 3&lt;/Text&gt;
           &lt;/View&gt;
        &lt;/ScrollView&gt;
      );
    }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/C5rqa.png" rel="noreferrer"><img src="https://i.stack.imgur.com/C5rqa.png" alt="enter image description here"></a></p>
  
  <p>React native 0.56 and the webview from 0.56 works perfect.</p>
  
  <p>But since 0.57 the RN integrated webview or used as external dependency  seems to mess all the other siblings at each render on android device.</p>
  
  <p>I have tried many options to adjust styles with flex and even using zIndex to force some views to be displayed. They appear but the rendered view is still a mess.</p>
  
  <p>I added also a question here:</p>
  
  <p><a href="https://github.com/react-native-community/react-native-webview/issues/101" rel="noreferrer">https://github.com/react-native-community/react-native-webview/issues/101</a></p>