Question

我正在尝试为我的应用实现左抽屉和右抽屉。我无法在网上找到任何可用的示例。我已经尝试了3-4个示例，包括来自react native docs本身的示例，而我得到了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”

双抽屉导航对本机博览会做出反应

1 个答案: