在React Native中隐藏自定义抽屉组件中的抽屉

Question

SideMenu是我的自定义抽屉组件，其中包含X按钮。

当我按下X按钮时，我希望关闭抽屉。

我该怎么做？

Answer 1

您可以使用this.props.navigation.closeDrawer（）或this.props.navigation.toggleDrawer（）来实现此目的。

<Button onPress={()=>this.props.navigation.closeDrawer()} />

或

<Button onPress={()=>this.props.navigation.toggleDrawer()} />

Read this doc

Answer 2

您想使用toggleDrawer()。非常基本的例子：

render() {
  const { navigator } = this.props

  return (
    <Button
      onPress={() => navigator.toggleDrawer({ side: 'right', animated: true })} />
  )
}