如何在侧边栏菜单上隐藏抽屉，单击反应本机

Question

嗨，我想关闭侧边栏菜单上的抽屉，单击...

"索引.js文件中的抽屉代码"

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

内容={}onClose={（） => this.closeDrawer（）}'

"这是侧边栏

代码侧边栏.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'
});