title: Transparent background for header using createStackNavigator, React Native
body: <p>I created a project using CRNA that uses React-Navigation. In one of the screen I have a background image that cover the entire screen and I want to including the header.</p>
  
  <p>Like this image :</p>
  
  <p><a href="https://i.stack.imgur.com/wS8x6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/wS8x6.png" alt="enter image description here"></a></p>
  
  <p>Should I just hide the header and use a View that contains the element that I want? If yes will this cause any trouble in case of deep linking?</p>
  
  <h1>Solution</h1>
  
  <p>React Navigation offers a cool props called headerTransparent that can be used in
  order to render something under the header.</p>
  
  <p>So the code at the should look like this : </p>
  
  <pre><code>static navigationOptions = {
      headerTransparent: true
    }
  </code></pre>