Nested Drawer-StackNavigator, disparar "DrawerOpen" no funciona en React-Native
Estoy creando una aplicación con React Native con react-navigation.
[Jerarquía de mi aplicación]
* Cajón (aplicación)
ㄴ StackNavigator
ㄴ StackNavigator
Lo que quiero es fuegonavigation.navigate('DrawerOpen');
Puedo mostrar mi cajón arrastrándolo desde el borde izquierdo, pero no se activa presionando el "botón de menú" a la izquierda del encabezado de navegación. He pasado muchas veces para archivar esto. Por favor, ayúdame.
const Nav = StackNavigator({
mainnav_list:{
screen: (props) => <TodoList {...props} dbCollectionName={props.screenProps.dbCollectionName}/>,
navigationOptions:({navigation}) => ({
headerLeft:(
<TouchableOpacity onPress={() => {console.log(navigation); navigation.navigate('DrawerOpen');}}>
<Text style={{color:'white', marginLeft:15}}>Menu</Text>
</TouchableOpacity>
)
})
},
mainnav_detail:{screen: TodoDetail}
}
,
{
navigationOptions:(props) => ({
title:props.screenProps.dbCollectionName,
headerBackTitle:null,
headerStyle:{backgroundColor:'#000'},
headerTitleStyle:{color:'#fff'},
headerTintColor:'#fff',
})
})
const AppDrawer = DrawerNavigator(
{
drawer1:{screen:() => <Nav screenProps={{dbCollectionName:'todos'}}/> },
drawer2:{screen:() => <Nav screenProps={{dbCollectionName:'todos2'}}/> }
})
AppRegistry.registerComponent('TodosFS', () => AppDrawer);