High performance navigation library for React Native, based on native animations (LayoutAnimation).
iOS and Android supported.
npm install --save react-native-navstackimport{NavProvider,NavScreen,NavState}from'react-native-navstack';<NavProvider><NavScreenroute="screen1"routeProps={{someValue: 'cool'}}initial={true}><Screen1/></NavScreen><NavScreenroute="screen2"><Screen2/></NavScreen><NavScreenroute="screen3"><Screen3/></NavScreen><NavScreenroute="screen4"><Screen4/></NavScreen></NavProvider>PushFromRight
PushFromTop
PushFromBottom
SlideFromRight
SlideFromTop
SlideFromBottom
All your screens must be wrapped into NavScreen component.
NavScreen has 3 public properties
| Prop | Description | Default |
|---|---|---|
route | Route key. Must be unique. | Required |
routeProps | Will be passed to the children as properties{...routeProps} | None |
transition | Animation transition to use | PushFromRight |
NavState reducer has 2 public methods push and pop
NavState.push([ROUTE NAME], [ROUTE PROPS], [TRANSITION])
NavState.pop()
From within your components include "NavState"
import{NavState}from'react-native-navstack';letcustomProps={userId: 123,userType: 'admin',someOtherValue: false,}NavState.push('screen2',customProps,'SlideFromRight');//to go back you can callNavState.pop();