hetmann / ReactNative-SideMenu

Side menu for React Native

RNSideMenu

Preview

Examples

Clone this repo and take a look of the index.ios.js

Installation

[sudo] npm install sidemenu --save

Usage

var SideMenu = require('sidemenu');

global.sideMenu = 
      <SideMenu
      frontView={FrontView}
      sideView={<SideView />}
      />;

var App = React.createClass({
  render: function () {
    return (
      <View style={styles.container} >
        {sideMenu}
      </View>
    );
  }
})

Then at any place of you code, if you wanna toggle SideView manually, call sideMenu.props.toggleSideView()

Route map

• Basic views and animations
• Pass frontView and sideView as props
• Make it as npm module
• Mutiple directions of side menu
• Helper actions for toggleSideView(), open(), close(), chagneFrontView(), changeSideView()
• Make more examples
• Change the name to react-native-side-menu
• create another repo to examples
• Clean this repo to just contain lib files, (now it also contains xCode files)

Contribute

Pull requests are welcome.

This component can not be done without helps from @ToanNG & @vu.nguyen

About me

Follow me at @khanght