React Native, change React Navigation header styling

Question

I\'m implementing React Navigation in my React Native app, and I\'m wanting to change the background and foreground colors of the header. I have the following:

/         


        

Answer 1

Notice! navigationOptions is differences between Stack Navigation and Drawer Navigation
Stack Navigation Solved.
But for Drawer Navigation you Can add Your own Header and Make Your Styles with contentComponent Config:
First import { DrawerItems, DrawerNavigation } from 'react-navigation' Then

Header Before DrawerItems:

contentComponent: props => Your Own Header Area Before .

Footer After DrawerItems:

contentComponent: props => Your Own Footer Area After .