открытие / закрытие навигационного ящика не работает

Question

В моем собственном приложении реакции я создал боковое меню, используя Drawer Navigator, который отлично работает, когда я открываю его, проводя пальцем. Но я хочу сделать это, чтобы открыть его по нажатию кнопки. В настоящее время я пытаюсь сделать через навигационные реквизиты, связанный код выглядит следующим образом:

import { withNavigation } from 'react-navigation';

class HallsList extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      isSideMenuOpen: false
    };
  } 

  renderTopView = () => {
      return(
        <View>
          <View style = {Styles.sideMenuButton}>
            <Button
              onPress = {()=> {
                if (this.state.isSideMenuOpen) {
                  {this.props.navigation.navigate('DrawerOpen')}
                }
                else {
                  {this.props.navigation.navigate('DrawerClose')}
                }
                this.setState({isSideMenuOpen: !this.state.isSideMenuOpen})
              }
            }
            title = {'Side Menu'}
            />
          </View> ..... 


export default withNavigation(HallsList);

Но когда я нажимаю на кнопку бокового меню, она нажимается, но потом ничего не происходит.

Answer 1

Просто измените указанные ниже части кода

Вместо this.props.navigation.navigate('DrawerOpen')

Put this.props.navigation.openDrawer();

Вместо this.props.navigation.navigate('DrawerOpen')

Put this.props.navigation.closeDrawer();