react-native - 打开/关闭抽屉导航在 native react 中不起作用

Question

在我的 native 应用程序中，我使用 Drawer Navigator 创建了一个侧边菜单，当我通过滑动打开它时，它运行良好。但我想做的是点击按钮打开它。目前正在尝试做槽式导航 Prop ，相关代码如下:

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);

但是当我点击侧面菜单按钮时，它会被点击但之后没有任何 react 。

Answer 1

只需更改以下代码部分
而不是 this.props.navigation.navigate('DrawerOpen')把 this.props.navigation.openDrawer();而不是 this.props.navigation.navigate('DrawerClose')把 this.props.navigation.closeDrawer();