Getting started
Requirements
- React Animated Navigator is an extension for
react-router
, so you must use it with react-router
Add Package
npm i react-animated-navigator react-router
yarn add react-animated-navigator react-router
Integration
import {createBrowserHistory as createHistory} from 'history';
const historyObject = createHistory()
- Wrap your application with
Router
component
import {Router} from 'react-router';
<Router history={historyObject}>
...
</Router>
- Wrap your routes with
Navigator
component
import {Route} from 'react-router';
import {Navigator} from 'react-animated-navigator';
<Navigator
defaultDuration={400}
>
<Route
exact
path="/page1"
component={Page1}
/>
<Route
exact
path="/page2"
component={Page2}
/>
...
</Navigator>
Navigation