JavaScript CSS Other
Latest commit ef98754 Oct 20, 2017 @skevy skevy Redirect to root domain
Permalink
Failed to load latest commit information.
.circleci Don't use docker_layer_caching option Oct 20, 2017
.github Update ISSUE_TEMPLATE.md (#2668) Sep 29, 2017
docs Add `allowFontScaling` option for TabView and `headerTitleAllowFontSc… Oct 15, 2017
examples Fixes default drawerWidth to match Material UI patterns. (#2773) Oct 17, 2017
flow-typed/npm Fix Flow types (and update RN version) (#2619) Sep 25, 2017
scripts Deploy to Heroku using Docker Oct 20, 2017
src Add tests for navigators (#2796) Oct 20, 2017
stubs Remove RelativeImageStub providesModule Sep 28, 2017
website Redirect to root domain Oct 20, 2017
.babelrc Fix Website Build (#2526) Sep 6, 2017
.codecov.yml Add codecov.yml May 15, 2017
.editorconfig Introducing flat options (#984) Apr 12, 2017
.eslintignore Fix Website Build (#2526) Sep 6, 2017
.eslintrc Refactor .eslintrc to be more readable. (#2595) Sep 15, 2017
.flowconfig Fix Flow types (and update RN version) (#2619) Sep 25, 2017
.gitignore Set up Jest to be able to test RN UI components (#96) Jan 31, 2017
.npmignore Exclude __tests__ from published files (#1525) May 15, 2017
.watchmanconfig Initial public release of React Navigation Jan 26, 2017
CODE_OF_CONDUCT.md Add CoC Jun 15, 2017
LICENSE Initial public release of React Navigation Jan 26, 2017
README.md Updating the README (#2752) Oct 15, 2017
jest-setup.js Restore jest-setup.js file May 16, 2017
package.json 1.0.0-beta.15 Oct 18, 2017
yarn.lock Improve StatusBar/Header Behavior (#2669) Sep 29, 2017

README.md

React Navigation CircleCI npm version codecov PRs Welcome

Learn once, navigate anywhere.

React Navigation is born from the React Native community's need for an extensible yet easy-to-use navigation solution based on Javascript.

React Navigation is the result of a collaboration between developers from Facebook, Expo and the React community at large: it replaces and improves upon several navigation libraries in the ecosystem, including Ex-Navigation, React Native's Navigator and NavigationExperimental components.

Installation

Since the library is a JS-based solution, to install the latest version of react-navigation you only need to run:

yarn add react-navigation

or

npm install --save react-navigation

Get Started

To learn how the library work, head to the introduction on the website for a quick tutorial that will cover all the basics - or try it out our expo demo.

Advanced guides

React Navigation API

Community contributions

A lot of developers poured their knowledge in blog posts, and other repos - we will try to keep here a list of tutorials and resources to help someone who wants to learn about React Navigation and techniques to handle navigation effectively.

Introduction to the library

Basic Tutorials

Intermediate Concepts

Advanced Topics

Comparisons and Discussion

Example Projects

Libraries

FAQs

When is version 1.0.0 going to be released?

As soon as all the tasks here have been completed. You can read more about it in the blog.

(in the meantime, you can find the changelog for every release here)

I'm having troubles using the library, what can I do?

Head to the issues and do a quick search: if you think you are experiencing a bug chances are somebody already opened an issue for it. If instead you are having more general problems, use Stack Overflow - which is better suited and helps keeping the Issues section of the repo clean. Alternatively you could join the Reactiflux community on Discord where there are React Native and React Navigation channels with helpful people who might be able to answer you.

You should only open a new issue if you believe that you are experiencing a bug or have a feature request, and please follow the dedicated template - it will help everyone helping you (and may get closed if it doesn't).

How can I help?

Glad you ask! This library is a community effort: it can only be great if we all help out in one way or another 😄 . If you feel like you aren't experienced enough using react navigation to contribute, you can still make an impact by:

  1. Responding to one of the open issues. Even if you can't resolve or fully answer a question, asking for more information or clarity on an issue is extremely beneficial for someone to come after you to resolve the issue.

  2. Creating public example repos of navigation problems you have solved.

  3. Answering questions on Stack Overflow. Alternatively, asking questions on Stack Overflow instead of opening an issue.

  4. Answering questions in our Reactiflux channel.

  5. Providing feedback on the open PRs.

If you feel brave enough you can submit a PR: follow the Contributors guide to find out how. If you don't know where to start, check the ones with the label Type: Good First Task - even fixing a typo in the documentation is a worthy contribution!

Is this the only library available for navigation?

No: there are some other libraries - which, depending on your project, can be better or worse suited for your project. They differ in the approach and implementation from react-navigation, but share the common goal of helping you create a good React Native application; you can find a general round up in the React Native docs.

Can I use this library for web?

This library originally planned to support web too - but at the moment it is not a priority for v1.0; a lot of work is necessary to reach it as-is and we had to freeze this support (consider it "experimental").

Code of conduct

This library has adopted a Code of Conduct that we expect project participants to adhere to. Please read the full text so that you can understand what actions will and will not be tolerated.

License

React-navigation is licensed under the BSD 2-clause "Simplified" License.