我有一个使用react-navigation 3.3.0的堆栈导航器,我希望有一个特定屏幕的抽屉导航

问题描述 投票:0回答:1

我正在尝试使用本机做出一个iOS移动应用程序。现在,我在App.js中有一个堆栈导航器

export const Navigation = createAppContainer(
  createStackNavigator({
    Screen1: { screen: Screen1 },
    Screen2: { screen: Screen2 },
    Screen3: { screen: Screen3 },
    Screen4: { screen: Screen4 },
  }),
)

我想在标题上的左按钮上有一个抽屉导航器,而不是后退按钮。我试图按照例子但它不起作用。

react-native navigation-drawer react-navigation stack-navigator
1个回答
0
投票

像这样创建一个Drawer导航器,

const DrawerNavigator = createDrawerNavigator({
Screen4: { screen: Screen4 }
}

然后在堆栈导航器中使用此DrawerNavigator,如,

export const Navigation = createAppContainer(
  createStackNavigator({
    Screen1: { screen: Screen1 },
    Screen2: { screen: Screen2 },
    Screen3: { screen: Screen3 },
    drawer:DrawerNavigator ,
  }),
)
© www.soinside.com 2019 - 2024. All rights reserved.