我在抽屉导航器中使用了stackNavigator,所以抽屉导航器仅包含一个屏幕,即stackNavigator。
StackNavigator包含许多屏幕组件,我将自定义的抽屉菜单组件作为contentComponent,所以我的问题是当我按下按钮时如何从stackMenu的stackNavigator中更改屏幕组件。以下是我的结构。
const MainDrawer = DrawerNavigator({
Main: {
screen: MainStack
}
},
{
contentComponent: DrawerMenu,
});
const MainStack = StackNavigator(
{
OrdersScreen: {
screen: Orders,
},
CompletedOrdersScreen: {
screen: CompletedOrders,
},
......
},
{
initialRoute:'OrdersScreen'
});
const RootStack = StackNavigator(
{
LoginScreen: {
screen: Login,
},
MainScreen: {
screen: MainDrawer,
},
},
{
initialRoute:'MainScreen'
});
我想从DrawerMenu将屏幕从ordersScreen更改为completedOrdersScreen。