React Navigation

Learn once, navigate anywhere.

Browse the docs on reactnavigation.org.

Motivation

React Navigation is born from the React Native community's need for an extensible yet easy-to-use navigation solution. It replaces and improves upon several navigation libraries in the ecosystem, including Ex-Navigation, React Native's Navigator and NavigationExperimental components. React Navigation can also be used across React and React Native projects allowing for a higher degree of shared code.

Once stable, NavigationExperimental will be deprecated in favor of React Navigation. React Navigation is a collaboration between people from Facebook, Exponent and the React community at large.

Getting started

1. Create a new React Native App

react-native init SimpleApp
cd SimpleApp

2. Install the latest version of react-navigation from npm

yarn add react-navigation

or

npm install --save react-navigation

3. Run the new app

react-native run-android # or:
react-native run-ios

Advanced guide

• Redux integration
• Web integration
• Deep linking
• Contributors guide

React Navigation API

• Navigators
• Routers
• Views