temitope / react-navigation

Learn once, navigate anywhere

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 depracated 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