react-native-drawer菜单在Android设备上不会显示

时间:2019-05-22 15:24:20

标签: android react-native react-native-android drawer

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似乎有某些特定功能。任何指针将不胜感激。

0 个答案:

没有答案