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

【问题标题】：Hide drawer in custom drawer component in React Native在 React Native 的自定义抽屉组件中隐藏抽屉
【发布时间】：2018-05-14 19:10:49
【问题描述】：

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

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

我该怎么做？

【问题讨论】：

标签： react-native react-native-navigation

【解决方案1】：

您可以为此使用 this.props.navigation.closeDrawer() 或 this.props.navigation.toggleDrawer()。

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

或

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

Read this doc

【讨论】：

【解决方案2】：

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

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

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

【讨论】：