🛣 🚴♀️ 🚧 Current Route Name
A memoized selector for redux + react-navigation that will expose the current route name for you!
Installation
yarn add react-nav-current-route-name
npm install --save react-nav-current-route-name
Usage
Two ways:
1 (as an HOC)
- import
getCurrentRoute
- wrap it around your component
- You'll have
currentRoute
available to you with the name of the current route
// if this is the only HOC you have:import { withCurrentRouteName } from 'react-nav-current-route-name'export default withCurrentRouteName(MyComponent) // sometimes you'll have a few things using compose: export default compose( withCurrentRouteName, withApollo, withNavigation, connectActionSheet)(MyComponent) // ... componentDidUpdate(nextProps) { const { currentRoute } = this.props const { currentRoute: nextRoute } = nextProps}
2 (using mapStateToProps)
- import
getCurrentRouteName
- use it within your current
mapStateToProps
function - You'll have
currentRoute
available to you with the name of the current route
import { getCurrentRouteName } from 'react-nav-current-route-name' export default connect( mapStateToProps(state => { return { currentRoute: getCurrentRouteName(state.nav) } }))