react-native-side-menu“按下按钮打开”

时间:2016-05-24 22:21:12

标签: ios iphone reactjs react-native

我正在为iOS制作一个本机应用程序,我在当前的应用程序中使用了react-native-side-menu库作为侧面菜单。我想在屏幕上点击按钮时打开它(不是从左端滚动)。

任何形式的帮助。

由于

1 个答案:

答案 0 :(得分:2)

An example实际上是在github repo中提供的:

你应该感兴趣的部分就是这个:

render() {
    const menu = <Menu onItemSelected={this.onMenuItemSelected} />;

    return (
      <SideMenu
        menu={menu}
        isOpen={this.state.isOpen}
        onChange={(isOpen) => this.updateMenuState(isOpen)}>
        <View style={styles.container}>
          <Text style={styles.welcome}>
            Welcome to React Native!
          </Text>
          <Text style={styles.instructions}>
            To get started, edit index.ios.js
          </Text>
          <Text style={styles.instructions}>
            Press Cmd+R to reload,{'\n'}
            Cmd+Control+Z for dev menu
          </Text>
          <Text style={styles.instructions}>
            Current selected menu item is: {this.state.selectedItem}
          </Text>
        </View>
        <Button style={styles.button} onPress={() => this.toggle()}>
          <Image
            source={{ uri: 'http://i.imgur.com/vKRaKDX.png', width: 32, height: 32, }} />
        </Button>
      </SideMenu>
    );
  }

此处的按钮应切换菜单。当然,您应该查看整个代码,尤其是updateMenuState()和toggle()函数。

我希望这有用!