title: Webview not working in react-native-element Overlay
body: <p>I'm using <a href="https://react-native-elements.github.io/react-native-elements/" rel="nofollow noreferrer">react-native-element</a> for ready-made components in my application and using <a href="https://react-native-elements.github.io/react-native-elements/docs/overlay.html" rel="nofollow noreferrer">Overlay</a> to show modals through out the application. 
  Now the issue is I've a Modal in which I want to show Webview but it doesn't showup on the screen.
  My modal code looks like this</p>
  
  <pre><code>export const Modal = ({ visible, showCrossBtn, setModalVisible, backgroundColor, children }) =&gt; {
  
      return (
          &lt;Overlay
              isVisible={visible}
              fullScreen={false}
              height="auto"
              overlayBackgroundColor={backgroundColor}
              overlayStyle={styles.overlay}
              onBackdropPress={() =&gt; setModalVisible(false)}&gt;
              &lt;View style={styles.dialogBox}&gt;
                  {
                      showCrossBtn &amp;&amp; &lt;TouchableOpacity style={[styles.crossPosition, styles.crossStyling]} onPress={() =&gt; setModalVisible(false)}&gt;
                          &lt;Icon name="cross" type="entypo" color={colors.gray} size={30} /&gt;
                      &lt;/TouchableOpacity&gt;
                  }
  
                  &lt;View style={styles.body}&gt;
                      {children}
                  &lt;/View&gt;
              &lt;/View&gt;
          &lt;/Overlay&gt;
      )
  }
  </code></pre>
  
  <p>In my basic component</p>
  
  <pre><code>export const Home = ({ }) =&gt; {
    return (
      ....
      ....
      &lt;Modal
        visible={this.props.visible}
        setModalVisible={this.props.setModalVisible}
        backgroundColor={colors.lightgray}
        showCrossBtn={false}
        &gt;
        &lt;WebView
                  style={[{ height: 20 }, styles.webView]}
                  originWhitelist={['*']}
                  ref={e =&gt; webview = e}
                  source={{ html: '&lt;p&gt;HELLO WORLD&lt;/p&gt;'}} /&gt;
      &lt;/Modal&gt;
  
    )
  }
  </code></pre>