如何在 REACT NATIVE 中打开第二个抽屉

Question

我必须在两侧做 2 个抽屉和一个底部标签导航器。我试图用 react-navigation 来做，但我做不到，因为 openDrawer 代码只打开了其中一个，所以我卡住了，请帮帮我。如何提供抽屉 ID、钥匙或其他方法。

反应原生

<Button onPress={this.props.navigation.openDrawer}>
<Button/>  //left drawer opens 
<Button onPress={this.props.navigation.openDrawer}>
<Button/>

我试过你的代码，但我得到了 TypeError: undefined is not an object （评估“this.props.navigation.dispatch”）

<Button title='open the drawer' onPress={this.props.navigation.dispatch(DrawerActions.openDrawer('drawerOpenLeft'))}></Button>
        <Button title='open the drawer right' onPress={this.props.navigation.dispatch(DrawerActions.openDrawer('drawerOpenRight'))}></Button>

Answer 1

每个drawerNavigator 可以是positioned 和路由命名。 Position 可以设置为 right 或 left。然后通过命令打开你想要的drawer。

示例

let LeftSideMenuDrawer = createDrawerNavigator({
...
    drawerOpenRoute: 'LeftSideMenu',
    drawerCloseRoute: 'LeftSideMenuClose',
    drawerToggleRoute: 'LeftSideMenuToggle',
....

用法

this.props.navigation.dispatch(DrawerActions.openDrawer('LeftSideMenu'));