Rendering webview on android device overlaps previous siblings from same parent
Adding overflow hidden to the view which is the parent of the webview seems to fix the issue:
<View style={{flex: 1, overflow: 'hidden'}}>
<WebView
source={{ html: '<div>COTENT OF WEBVIEW HERE</div>' }}
style={{margin: 20, flex :1, height: 250, width: 300, backgroundColor: 'red'}}
/>
</View>
Source: Titozzz's answer from here:
https://github.com/react-native-community/react-native-webview/issues/101