我有一个使用 react-navigation 3.3.0 的堆栈导航器，我想为特定屏幕提供抽屉导航

Question

我正在尝试制作一个 iOS 具有本机反应的移动应用程序。现在，我在 App.js

中有一个堆栈导航器

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

我希望屏幕 4 的抽屉式导航器位于页眉左侧的按钮上，而不是后退按钮。我尝试按照示例进行操作，但它不起作用。

Answer 1

像这样创建一个抽屉导航器，

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

然后在您的堆栈导航器中使用此 DrawerNavigator，例如，

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

我有一个使用 react-navigation 3.3.0 的堆栈导航器，我想为特定屏幕提供抽屉导航

I have a stack navigator using react-navigation 3.3.0 and I want to have a drawer navigation for a specific screen

react-native

navigation-drawer

react-navigation

stack-navigator