Question

我正在使用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>
    )
  }
}

React Native-如何在React Native侧面菜单中使用React Router流量？

0 个答案: