Двойной навигационный ящик реагирует на родную выставку

Question

Я пытаюсь реализовать левый ящик и правый ящик для моего приложения.Я не могу найти какие-либо полезные примеры в Интернете.Я пробовал 3-4 примера, включая пример из самого себя, и я получаю undefined is a not an object (evaluating'Component.router).Если у кого-то есть рабочий пример приложения с навигатором левого и правого ящика, это было бы замечательно.Спасибо!

Answer 1

Я считаю, что вы могли бы сделать что-то вроде этого, создать новый файл 'AppNav.js' для обработки всех ваших навигационных / выдвижных ящиков и т. Д. ~

AppNav.js

const LeftDrawer = createDrawerNavigator(
  {
    Screen1: {
      screen: Screen1,
    },
    Screen2: {
      screen: Screen2,
    },

  }, {
    headerMode: 'none',
    drawerWidth: SCREEN_WIDTH * 0.6,
    drawerPosition: 'left',
  })

const RightDrawer = createDrawerNavigator(
  {
    Screen1: {
      screen: Screen1,
    },
    Screen2: {
      screen: Screen2,
    },

  }, {
    headerMode: 'none',
    drawerWidth: SCREEN_WIDTH * 0.6,
    drawerPosition: 'right',
  })

const RootNavigator = createStackNavigator({
  LeftDrawer: { screen: LeftDrawer },
  RightDrawer: { screen: RightDrawer }
})

export default AppNav = props => {
  return <RootNavigator />
}

РЕДАКТИРОВАТЬ: Плюс, на RootNavigator , перед вызовом LeftDrawer, вы можете установить основной экран вашего приложения и установить его как «initialRouteName»