抽屉式导航中的Stacknavigation是否响应本机？

Question

必须创建一个抽屉，并且我想在多个屏幕上使用该抽屉，并且内部相信一个堆栈，但是在运行应用程序时，我只能在创建堆栈时获取变量

const DrawerNav = createDrawerNavigator(
  {
    screensStack : createStackNavigator({
      Welcome: Welcome,
      Wellness: Wellness, 
      Market: Market,
    })
  },
{
  drawerWidth: Dimensions.get("window").width * 0.75,
  drawerHeight: Dimensions.get("window").height,
  drawerPosition: "left",
  contentComponet: DrawerContent

}
)

export default createAppContainer(DrawerNav);

在抽屉中仅出现screensStack一词

Answer 1

只需将您的代码替换为此

const Drawer = createDrawerNavigator(
  {
    Welcome: { screen: Welcome },
    Wellness: { screen: Wellness },
    Market: { screen: Market },
  },
  {
    initialRouteName: 'Welcome',
  }
)

const AppNavigator = createStackNavigator(
  {
    Drawer: { screen: Drawer },
  },
  {
    initialRouteName: 'Drawer',
    headerMode: 'none',
  }
)

const AppContainer = createAppContainer(AppNavigator)

export default () => <AppContainer />

会起作用

Answer 2

createStackNavigator位于抽屉中。因此，当单击抽屉中的变量时，将转到堆栈导航器的第一个屏幕。 如果要使所有三个变量都可见，则需要重新放置它们。

• createAppContainer
  • createStackNavigator
    • createDrawerNavigator
    • 欢迎光临：欢迎
    • 健康：健康
    • 市场：市场，