JSPM – react-native-side-menu@0.1.0

Package Exports

react-native-side-menu

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-side-menu) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Installation

npm install react-native-side-menu

Usage example

var SideMenu = require('react-native-side-menu');

var Menu = React.createClass({
  render: function() {
    return (
      <View>
        <Caption>Menu</Caption>
        <MenuItem>About</MenuItem>
        <MenuItem>Content</MenuItem>
        <MenuItem>Contacts</MenuItem>
      </View>
    );
  }
});

var ContentView = React.createClass({
  render: function() {
    return (
      <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>
      </View>
    );
  }
});

var Application = React.createClass({
  render: function() {
    var menu = <Menu />;

    return (
      <SideMenu menu={menu}>
        <ContentView/>
      </SideMenu>
    );
  }
});

Component props

menu (React.Component) - Menu component

Will be extended soon

Special thanks

Creating this component has been inspired by @khanghoang's RNSideMenu example.

Questions?

Feel free to contact me in twitter or create an issue

react-native-side-menu