title: React native elements header background image
body: <p>I made a header using react native elements, and I want to add background image into it. Is there anyway to do it?</p>
  <p>I am using react-native-elements: &quot;^0.19.1&quot;</p>
  <p>Here is my header code</p>
  <pre><code>     render() {
          return (
              &lt;View style={{ paddingTop: Constants.statusBarHeight, backgroundColor: color.light_grey }}&gt;
                      &lt;Header
                          leftComponent={this.props.left ? this.props.left : &lt;IconWrapper name='menu' color='black' size={28} style={styles.icon} onPress={() =&gt; Actions.drawerOpen()} /&gt;}
                          centerComponent={&lt;Text style={styles.headerText}&gt;{this.props.title}&lt;/Text&gt;}
                          rightComponent={this.props.right ? this.props.right : &lt;IconWrapper name='handbag' type='simple-line-icon' color='black' size={28} style={styles.icon} onPress={() =&gt; Actions.BagContents()} /&gt;}
                          outerContainerStyles={[styles.headerOuterContainer, { height: 0.08 * windowHeight() }]}
                      /&gt;                
                  
              &lt;/View&gt;
          ) 
      }
  }
  </code></pre>