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

Question

SideMenu 是我的自定义抽屉组件，里面有 X 按钮。

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

我该怎么做？

Answer 1

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

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

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

Answer 2

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

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

或

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

Read this doc

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

Hide drawer in custom drawer component in React Native

react-native

react-native-navigation