如何在侧边栏菜单上隐藏抽屉点击React native

Question

您好我要关闭侧栏菜单上的抽屉点击...

“index.js文件中的抽屉代码”

        `<Drawer ref={(ref) => { this._drawer = ref; }}

含量= {} onClose = {（）=＆gt; this.closeDrawer（）}`

“这里是侧边栏代码sidebar.js”

Answer 1

如果您在抽屉上定义ref，如下所示：

<Drawer ref="drawer"

你可以使用以下方法关闭它： this.refs.drawer.close();

或按照您的定义：

<Drawer ref={(ref) => { this._drawer = ref; }}

你可以使用以下方法关闭它： this._drawer.close();

在closeDrawer（）中调用它。

Answer 2

最新版本的简单解决方案：添加抽屉锁模式属性

const AppNavigator = createDrawerNavigator(
{
    Home: { screen: HomeScreen },
    List: { screen: ListScreen }
},
{
    initialRouteName: "Home",
    headerMode: "none",
    drawerLockMode:'locked-closed'
});