react-native-抽屉抽屉菜单在Android环境中不会显示。 该菜单在iOS上运行良好。当切换到Android并在Android模拟器上测试构建时,该菜单将不再出现。
我按照官方的指示从这里
https://www.npmjs.com/package/react-native-side-drawer
我首先测试了iOS,并确认它可以正常工作。 我切换到Android,观察到抽屉不再起作用。
我的代码如下所示。
export class Example extends Component<Props> {
constructor(props) {
super(props);
this.state = {
open: false
};
}
toggleOpen = () => {
this.setState({ open: !this.state.open });
};
drawerContent = () => {
return (
<TouchableOpacity onPress={this.toggleOpen} style={styles.animatedBox}>
<TouchableOpacity
style={styles.menuItem}
onPress={() => {
DEFINE YOUR ON-PRESS FUNCTION HERE
}}
>
<Text style={styles.menuText}>Menu option 1</Text>
</TouchableOpacity>
<TouchableOpacity
style={styles.menuItem}
onPress={() => {
DEFINE YOUR ON-PRESS FUNCTION HERE
}}
>
<Text style={styles.menuText}>Menu option 2</Text>
</TouchableOpacity>
<TouchableOpacity
style={styles.menuItem}
onPress={() => {
DEFINE YOUR ON-PRESS FUNCTION HERE
}}
>
<Text style={styles.menuText}>Travel planner</Text>
</TouchableOpacity>
<Text style={styles.menuText}> Close</Text>
</TouchableOpacity>
);
};
render() {
return (
<View style={styles.menuContainer}>
<MenuDrawer
open={this.state.open}
drawerContent={this.drawerContent()}
drawerPercentage={70}
animationTime={250}
overlay={true}
opacity={0.4}
>
<TouchableOpacity onPress={this.toggleOpen} style={styles.menuBody}>
<Image
source={require('./assets/Burger.png')}
style={styles.burgerMenu}
>
</Image>
</TouchableOpacity>
</MenuDrawer>
</View>
);
}
}
预期:将出现抽屉菜单。 实际:菜单不会显示。
Android似乎有某些特定功能。任何指针将不胜感激。