我正在使用react-native路由器通量,并希望在路由器导航中添加汉堡菜单,以便onClick / onPress一个侧面菜单(使用react-native-side-menu)在所有页面上滑出(注册和页面除外)检查用户是否经过身份验证/见下文) .

打开sidemenu的触发事件不会被触发,当我用sidemenu组件包装图标时(请参阅我的代码),我只看到一个灰色的灰色框而不是图标,仍然没有被触发 .

问题不在于侧面菜单本身(通过在路由器之外呈现它并检查它是好的) . 我试图找到一个解决方案,但没有什么真正起作用 . 任何帮助都会很棒!

import Icon from 'react-native-vector-icons/MaterialIcons'
import {Text, View, TouchableOpacity} from 'react-native';
import Content from "./components/MenuContent";
import SideMenu from 'react-native-side-menu';

class RouterWrapper extends React.Component {
  state = {
    isOpen: false
  };
  toggle = () => {
      console.warn("wtf")
       this.setState({
           isOpen: !this.state.isOpen,
       });
   }
   navBarButton = () => {
       return(
           <SideMenu
               menu={<Content/>}
               isOpen={this.state.isOpen}
           >
               <TouchableOpacity>
                   onPress={this.toggle}
                   <Icon name='menu' size={30} />
               </TouchableOpacity>
           </SideMenu>
       )
   }
   render () {
       return (
           <Router>
               <Scene key="root" hideNavBar>
                  <Scene key="loader">
                     <Scene key="loading" component={Loading} title="loading app"></Scene>
                  </Scene>
                   <Scene key="auth">
                     <Scene key="Signup" component={LoginFormContainer} title="Please Sign up"></Scene>
                   </Scene>
                   <Scene key="main">
                     <Scene key="elm" component={Element} renderLeftButton={this.navBarButton}></Scene>
                     <Scene key="cryptoCoins" component={differentComponent} title="diff"></Scene>
                   </Scene>
              </Scene>
        </Router>
    )
  }
}