Меню «Реакция-родной ящик» не появится на Android - PullRequest
0 голосов
/ 22 мая 2019

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

...