npm

Need private packages and team management tools?Check out npm Orgs. »

react-nav-current-route-name

1.1.1 • Public • Published

🛣 🚴‍♀️ 🚧 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)

  1. import getCurrentRoute
  2. wrap it around your component
  3. 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)

  1. import getCurrentRouteName
  2. use it within your current mapStateToProps function
  3. 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)
    }
  })
)

Keywords

none

install

npm i react-nav-current-route-name

Downloadsweekly downloads

5

version

1.1.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability