title: How to Show text below ImageBackground in react native for drawer navigation?
body: <p>I am making a custom drawer navigation for my app. Where I am using background image (it will not take full space), on the background image I am using another image.
  After that I have to show some content below background image.</p>
  
  <p>This is the component I made for drawer navigation. I am not sure if this is the right approach. you can get the immediate result by pasting this code in expo app.</p>
  
  <pre><code>import React from 'react';
  import { View, Text, Button, ImageBackground, Image } from 'react-native';
  
  class Sidebar extends React.Component {
    render() {
      return (
        &lt;ImageBackground source={{uri: 'https://images.pexels.com/photos/1738762/pexels-photo-1738762.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940'}} style={{ width: '100%', height: '60%' }}&gt;
          &lt;Image source={{uri: 'https://facebook.github.io/react/logo-og.png'}} style={{width: 200, height: 200, marginLeft: 20}} /&gt;
            &lt;Text style={{marginTop: 70, marginLeft: 20}}&gt;Information&lt;/Text&gt;
            &lt;Text style={{marginTop: 10, marginLeft: 20}}&gt;Settings&lt;/Text&gt;
            &lt;Text style={{marginTop: 10, marginLeft: 20}}&gt;Favorite&lt;/Text&gt;
        &lt;/ImageBackground&gt;
      );
    }  
  }
  
  export default Sidebar
  </code></pre>
  
  <p>What would be the better way to get this kind of result. is this ok give as much margin to my text that it come below the background image</p>