How do i add a drawer header view just like Android? - react-native

Question

I use react-navigation and take some references to create a drawer , it looks fine .
But i want to add a headerView and can't find the way to do it .
Is any possible to create a drawer headerView just like Android？
Ant help would be appreciated.
Here is MyDrawer.js:
import React, { Component } from 'react';
import { Image, ScrollView } from 'react-native';
import { DrawerNavigator, DrawerItems } from 'react-navigation';
import PageOne from './PageOne';
import PageTwo from './PageTwo';
class MyDrawer extends Component {
render() {
const TheDrawer = DrawerNavigator({
PageOne: {
screen: PageOne,
navigationOptions: {
drawerLabel: 'It\s page One',
drawerIcon: () => (
<Image source={require('../img/nav_icon_home.png')} />
),
},
},
PageTwo: {
screen: PageTwo,
navigationOptions: {
drawerLabel: 'It\'s page Two',
drawerIcon: () => (
<Image source={require('../img/nav_icon_home.png')} />
),
},
},
}, {
drawerWidth: 300,
contentComponent: props => <ScrollView>
<DrawerItems {...props}
activeTintColor='#008080'
activeBackgroundColor='#EEE8AA'
inactiveTintColor='#20B2AA'
inactiveBackgroundColor='#F5F5DC'
style={{backgroundColor: '#F5F5DC'}}
labelStyle={{color: '#20B2AA'}}
/>
</ScrollView>
});
return (
<TheDrawer />
);
}
};
export default MyDrawer;