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