меню ящика-реактора не отображается в среде 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. Любой указатель будет очень признателен.