Скрыть ящик в пользовательском компоненте ящика в 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()} />

Прочитайте этот документ

Answer 2

Вы хотите использовать toggleDrawer().Очень простой пример:

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

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