title: How to style the Drawer - Expo navigation
body: <p>I am new to react native. I was trying to add a drawer navigator, and by default it's blue, is there a way to change this color? I am using the native base Library, Here is a screenshot and snippets of my codes to clarify what I'm asking. Thanks<a href="https://i.stack.imgur.com/Ky9BD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ky9BD.jpg" alt="enter image description here"></a>
  Drawer component in my app.js is structured like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const CustomDrawerComponent = (props) =&gt; (
    &lt;SafeAreaView style={{ flex:1, marginTop:12 }}&gt;
      &lt;View style={{ height: 150, backgroundColor: 'white', alignItems: 'center', justifyContent:'center' }}&gt;
        &lt;Image source={require('./assets/icon.png')} style={{height:120,width:120,borderRadius:60}}/&gt;
      &lt;/View&gt;
      &lt;ScrollView&gt;
        &lt;DrawerItems {...props}/&gt;
      &lt;/ScrollView&gt;
    &lt;/SafeAreaView&gt;
  )</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is one of the screens too:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>class LibraryScreen extends React.Component {
    static navigationOptions = {
      drawerIcon : ({tintColor}) =&gt; (
        &lt;Icon name="home" style={{fontSize:24, color:tintColor}}/&gt;
      )
    }
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;Header&gt;
            &lt;Left style={{justifyContent:"flex-start",flex:1,marginTop:20}}&gt;
              &lt;Icon name="menu" onPress={()=&gt;this.props.navigation.openDrawer()}/&gt;
            &lt;/Left&gt;
          &lt;/Header&gt;
          &lt;View style={{flex:1, alignItems:'center', justifyContent:'center'}}&gt;
            &lt;Text&gt;Library Screen&lt;/Text&gt;
          &lt;/View&gt;
        &lt;/View&gt;
      );
    }
  }
  
  export default LibraryScreen;</code></pre>
  </div>
  </div>
  </p>