React Native - Sidebar

Install

npm install --save react-native-drawer

Code

https://github.com/root-two/react-native-drawer

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Button
} from 'react-native';
import Drawer from 'react-native-drawer'

class ControlPanel extends Component {
    render() {
        return (
            <View>
                <Text>Hi</Text>
                <Button onPress={this.props.close} title="Close" />
            </View>
        )
    }
}

export default class Navigation extends Component {
    closeControlPanel = () => {
      this._drawer.close()
    };
    openControlPanel = () => {
      this._drawer.open()
    };
  render () {
    return (
        <Drawer
        ref={(ref) => this._drawer = ref}
        openDrawerOffset={0.6}
        type={"overlay"}
        content={<ControlPanel close={this.closeControlPanel}/>}
        >
            <View style={{backgroundColor: 'red'}}>
                <Text>Hello</Text>
                <Button onPress={this.openControlPanel} title="Test" />
            </View>
      </Drawer>
    )
  }
}

AppRegistry.registerComponent('Navigation', () => Navigation);