stackNavigator внутри содержимого boxNavigatorComponent

Question

Я создаю приложение с ящиком-навигатором.Должен быть пользовательский экран бокового меню, который я сделал с помощью contentComponent, но проблема в том, что мне нужно сделать навигацию внутри ящика, когда пользователь нажал кнопку.Я попытался передать stackNavigator в customComponent, это возвращает меня "Не определен маршрут для ключа ...".

Пожалуйста, не могли бы вы помочь мне сделать навигацию внутри ящика, не закрывая его.

const tempSN = createStackNavigator(
  {
    screen: DrawerScreen,
    screen2: ProfileSetupScreen
  },
  { initialRouteName: "screen" }
);

const DrawerStack = createDrawerNavigator(
  {
    MainStack: MainStack
  },
  {
    contentComponent: tempSN, // If I pass here DrawerScreen directly, it works
    navigationOptions: {
      header: null
    }
  }
);

Answer 1

Можете ли вы попробовать следующее ???

const DrawerStack = createDrawerNavigator(
  {
    MainStack: MainStack
  },
  {
    contentComponent: drawerComponent,//Your drawer component.Not stack navigator.
    navigationOptions: {
      header: null
    }
  }
);

const drawerStack = createStackNavigator(
  {
    drawerNav: DrawerStack,// Here is the drawer included.
    screen: DrawerScreen,
    screen2: ProfileSetupScreen
  },
);

Добавить навигацию по ящикам внутри стековой навигации.И когда вы хотите перейти к экрану «screen2», используйте как this.props.navigation.navigate("screen2")