react-native-simple-drawer
v0.4.5
Published
Simple side menu with gestures and extendable animations
Downloads
20
Maintainers
Readme
*** Required Props ***
- menu: The menu component
*** Optional Props (See ./example for usage) ***
- targetOffset: How far from the edge before responding to gestures
- disableGestures: disable swipe to show/hide
- onChange:(isOpen)=>{}
- direction: "left" or "right"
- style: The style of the menu
- width: The width of the menu
- value: Optional
Animated.Value(0)
used to link animations inline with menu
*** Functions ***
- ref.close()
- ref.open()
Minimal Example
import SideMenu = from 'react-native-simple-drawer';
render() {
const menu = (
<View style={{padding:10}}>
<Text>react-native-simple-drawer</Text>
</View>
)
return (
<SideMenu
ref="menu"
menu={menu}>
<View>
<TouchableOpacity onPress={() => this.refs.menu.open()}>
<Text>Toggle Menu</Text>
</TouchableOpacity>
</View>
</SideMenu>
);
}
};