1.2.2 • Published 6 years ago

react-native-reside-menu v1.2.2

Weekly downloads
1
License
MIT
Repository
github
Last release
6 years ago

react-native-reside-menu

Add a cool full-screen reside menu to your react-native application. Implemented using pure JavaScript. Uses NativeDriver for better performance.

This JS implementation is taken from Android - AndroidResideMenu iOS - iOS REsideMenu

Installation

npm i -S react-native-reside-menu

Example. Animations are smoother

Usage

import  React, { Component } from  'react';
import  ResideMenu  from  'react-native-reside-menu';
import { View } from  'react-native';
const vc = () =>  <View style={{ flex: 1,backgroundColor: '#444' }}  />
export  default  class  App  extends  Component {
	render() {
		return (
			<ResideMenu
				onResideStateChange={(s) => { console.log(s) }}
				VisibleComponent={() =>  <View style={{ flex: 1, backgroundColor: '#eee' }}  />} 								 
				HiddenComponent={() =>  <View style={{ flex: 1, backgroundColor: '#eee' }}  />}
			/>

		)
	}
}

Props

PropsdescriptiontypeisRequireddefaultValue
VisibleComponentThe top component in the reside menu (two layer) stackReact Elementtruenull
HiddenComponentThe bottom component in the reside menu (two layer) stack. Hidden by the top layer before action.React Elementtruenull
xCoordA number which dictates how far away the reside menu is pushed, on the X Axisnumberfalse300 dp
onResideStateChangecall back to when the state changes. -1, 0, 1 for left center and rightfunctionfalsenull
1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.4

6 years ago

1.1.3

6 years ago

1.1.2

6 years ago

1.1.1

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago