如何使用抽屉菜单(contentComponent)中的抽屉导航器更改屏幕

时间:2018-10-22 07:12:18

标签: react-native react-navigation

我在抽屉导航器中使用了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。

0 个答案:

没有答案