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

SideMenu

是我的自定义抽屉组件，其中有

X

按钮

当我按下

X

按钮时，我想关闭抽屉

---

我如何才能做到这一点？

您想使用

toggleDrawer（）

。非常基本的例子：

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

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

render（）{
const{navigator}=this.props
返回(
toggleDrawer（{side:'right'，动画：true}）}/>
)
}

您想使用

toggleDrawer（）

。非常基本的例子：

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

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

render（）{
const{navigator}=this.props
返回(
toggleDrawer（{side:'right'，动画：true}）}/>
)
}

您可以使用this.props.navigation.closeDrawer（）或this.props.navigation.toggleDrawer（）进行此操作

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

this.props.navigation.closeDrawer（）}/>

或

this.props.navigation.toggleDrawer（）}/>

---

您可以使用this.props.navigation.closeDrawer（）或this.props.navigation.toggleDrawer（）进行此操作

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

this.props.navigation.closeDrawer（）}/>

或

this.props.navigation.toggleDrawer（）}/>