2017-01-26 13:10:18 -08:00
|
|
|
# React Navigation [](https://circleci.com/gh/react-community/react-navigation/tree/master)
|
2017-01-26 11:49:39 -08:00
|
|
|
|
|
|
|
|
*Learn once, navigate anywhere.*
|
|
|
|
|
|
2017-01-26 22:06:19 +00:00
|
|
|
Browse the docs on [reactnavigation.org](https://reactnavigation.org/).
|
2017-01-26 11:49:39 -08:00
|
|
|
|
|
|
|
|
## [Getting started](https://reactnavigation.org/docs/intro/)
|
|
|
|
|
|
|
|
|
|
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](https://reactnavigation.org/docs/guides/redux)
|
|
|
|
|
- [Web integration](https://reactnavigation.org/docs/guides/web)
|
|
|
|
|
- [Deep linking](https://reactnavigation.org/docs/guides/linking)
|
|
|
|
|
- [Contributors guide](https://reactnavigation.org/docs/guides/contributors)
|
|
|
|
|
|
|
|
|
|
## React Navigation API
|
|
|
|
|
|
|
|
|
|
- [Navigators](https://reactnavigation.org/docs/navigators/)
|
|
|
|
|
- [Routers](https://reactnavigation.org/docs/routers/)
|
|
|
|
|
- [Views](https://reactnavigation.org/docs/views/)
|
|
|
|
|
|
