React Native Sidebar

@chainplatform/sidebar is a React Native library that provides a Sidebar component for react-native and react-native-web.

Install

npm install @chainplatform/sidebar --save

or

yarn add @chainplatform/sidebar

Usage

import React from 'react';
import {StyleSheet} from 'react-native';
import Sidebar from '@chainplatform/sidebar';

class App extends React.Component {

    constructor(props) {
        super(props);

        this.state = {
        };
    }


  updateMenuState(menuVisible) {
    console.log("updateMenuState ", menuVisible);
  }

  render() {
    return (
      <View style={{flex:1}}>
            <Sidebar edgeHitWidth={styles.s0}
                            openMenuOffset={styles.s280}
                            disableGestures={true}
                            menu={<MenuBar
                                isOpen={this.state.menuVisible}
                                datas={this.state.sidebar_datas}
                                theme={this.state.theme}
                                current_item={this.state.current_item}
                                direction={this.menuDirection}
                                onItemSelected={this.onMenuItemSelected}
                            />}
                            isOpen={this.state.menuVisible}
                            onChange={menuVisible => this.updateMenuState(menuVisible)}
                            position={this.menuDirection}
                            user_language={this.state.user_language}>
                            <RootStack.Navigator>
                                <RootStack.Screen name="apps" component={MainNavigator} options={{ headerShown: false }} />
                            </RootStack.Navigator>
                        </Sidebar>
      </View>
    );
  }
}