title: Styling react-native Navigation Drawer Items
body: <p>How To styling react-native navigation drawer item's Text.I go through the Documentation but i didnt able to find correct way to do that</p>
  
  <p><a href="https://reactnavigation.org/docs/navigators/drawer#Providing-a-custom-contentComponent" rel="noreferrer">Navigation Documentation</a></p>
  
  <p>This is My AppContainer</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import { View, Text, Button, StyleSheet } from 'react-native';
  import { bindActionCreators } from 'redux';
  import { ActionCreators } from '../actions';
  import Home_ from './Home';
  import About from './About';
  //Add navigation
  import { DrawerNavigator, DrawerItems} from 'react-navigation'
  
  const cunstomeDrawerContentComponent = (props) =&gt; (
      &lt;View style={{flex: 1, color: 'red',
          textAlign: 'center',
          fontSize: 30,
          fontFamily: 'cochin',
          letterSpacing: 4}} &gt;
          &lt;DrawerItems {...this.props} /&gt;
      &lt;/View&gt;
  );
  
  const drawerLayout = DrawerNavigator({
      Home: { screen: Home_ },
      About: { screen: About },
  
  });
  
  function mapDispatchToProps(dispatch) {
      return bindActionCreators(ActionCreators, dispatch);
  }
  
  const styles = StyleSheet.create({
      container: {
          flex: 1, color: 'red',
          textAlign: 'center',
          fontSize: 30,
          fontFamily: 'cochin',
          letterSpacing: 4
      }
  
  
  });
  
  export default connect((state) =&gt; { return {} }, mapDispatchToProps)(drawerLayout);
  </code></pre>