如何在抽屉导航中使用React Native或堆栈导航构建嵌套的抽屉菜单

Question

我正在尝试使用react-native来构建应用程序，并被卡在导航中。我想要在应用程序中嵌套一个抽屉式菜单。

Answer 1

要在react native中创建抽屉，您可以使用react-navigation，因为有两个组件，例如堆栈导航，它用于在屏幕和抽屉之间进行导航，因此有Drawernavigator，您可以轻松地使导航以及应用程序中的抽屉（在本机中）。

const Drawer = createDrawerNavigator({
  "Here put the screen on which you need drawer."
},{
  contentComponent: SideDrawer,
})

之后，将抽屉添加到堆栈导航器中。

const stack = StackNavigator({
  drawer:{screen: Drawer},
  "And add the screens on which you don't want drawer."
}, {
  headerMode: 'none',
});

这是制作抽屉的方式。