'DrawerOpen' working but invisible contents in react-native - react-native

Question

Using react-native
"react": "16.0.0",
"react-native": "0.50.4",
and Using 'react-navigation 1.0'
everything works well but when i press drawer menu to open it's working to open but its invisible only shows underlay color (black)
i tried to remove header component on the other stack navigator..or look for problem inside DrawerComponent. but still can not figure out.
it worked fine when i didn't change to Tab Navigation though, i needed to add Tab Navigator so changed it.
please help me
const RootNavigator = StackNavigator({
Init : { screen : InitComponent },
Root : { screen : TabStack },
})
const TabStack = TabNavigator({
DrawerStack: { screen : DrawerStack, },
AddrDrawerStack : {screen : AddrDrawerStack},
StorageDrawerStack : {screen : StorageDrawerStack},
},
{
navigationOptions:({navigation})=>({
header:<HeaderContainer navigation={navigation} />,
tabBarIcon : ({focused, tintColor}) =>{
const { routeName } = navigation.state;
return <FontAwesome size={25} color={tintColor}>{icon}</FontAwesome>;
},
}),
tabBarComponent: TabBarBottom,
tabBarPosition: 'bottom',
tabBarOptions: {
activeTintColor: 'tomato',
inactiveTintColor: 'gray',
},
//animationEnabled: false,
swipeEnabled: true,
})
const DrawerStack = DrawerNavigator({
MailStack : {screen: MailStack},
}, {
gesturesEnabled: false,
contentComponent: DrawerContainer,
})
** DrawerContainer.js **
class DrawerContainer extends React.Component {
constructor(props, context){
super(props,context);
this.state = {
selectMenu: false,
}
this.props.getMailboxMenuList();
this.menuClick = this.menuClick.bind(this);
}
menuClick(menuName){
this.setState({
selectMenu: true,
});
this.props.mailBoxChange(menuName)
this.props.navigation.navigate("DrawerStack", {menu:menuName});
}
render() {
const { navigation, mailboxMenuList } = this.props;
if(!mailboxMenuList){
return (
<View style={styles.container}>
<Text>try again</Text>
</View>
)
}
return (
<View style={styles.container}>
<View style={styles.menuMailTop}>
<TouchableHighlight
onPress={()=>{this.props.navigation.navigate("PostScreen",{type:'write'})}}
style={styles.menuMailBoxBtn} >
<Text> write </Text>
</TouchableHighlight>
</View>
<View>
{
mailboxMenuList.items? <BasicMailBox
mailList={mailboxMenuList.items}
onReloadClick={this.props.reloadExternalMailbox.bind(this)}
externalLoading={this.props.externalLoading}
selectMenu ={this.state.selectMenu}
menuClick={this.menuClick.bind(this)} />
:<View></View>
}
</View>
</View>
) }
}
** Drawer open method**
<TouchableHighlight
onPress= {() => {
//when i press this, index indicates 0
if (navigation.state.index === 0) {
navigation.navigate('DrawerOpen')
// navigation.openDrawer()
} else {
navigation.navigate('DrawerClose')
}
}
} >
</TouchableHighlight>