https://github.com/react-navigation/react-navigation
Routing and navigation for React Native and Web apps
https://github.com/react-navigation/react-navigation
hacktoberfest navigation react react-native react-navigation
Last synced: about 1 hour ago
JSON representation
Routing and navigation for React Native and Web apps
- Host: GitHub
- URL: https://github.com/react-navigation/react-navigation
- Owner: react-navigation
- Created: 2017-01-26T19:51:40.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2025-04-11T13:30:00.000Z (4 days ago)
- Last Synced: 2025-04-14T20:56:03.345Z (about 15 hours ago)
- Topics: hacktoberfest, navigation, react, react-native, react-navigation
- Language: TypeScript
- Homepage: https://reactnavigation.org
- Size: 70.2 MB
- Stars: 23,931
- Watchers: 317
- Forks: 5,089
- Open Issues: 816
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-react-native - react-navigation ★14233 - Easy to use Navigation for React Native (Components / Navigation)
- awesome-react - react-navigation - Routing and navigation for your React Native apps (**Awesome React** [](https://github.com/sindresorhus/awesome) / React Native)
- awesome-list - react-navigation - navigation | 20140 | (TypeScript)
- awesome-list - react-navigation - navigation | 20140 | (TypeScript)
- awesome - react-navigation/react-navigation - Routing and navigation for your React Native apps (TypeScript)
- awesome - react-navigation/react-navigation - Routing and navigation for React Native and Web apps (TypeScript)
- awesome-react-native - react-navigation - Routing and navigation for your React Native apps.  (Components / Navigation)
- awesome - react-navigation - Routing and navigation for your React Native apps (TypeScript)
- StarryDivineSky - react-navigation/react-navigation
- awesome-open-source-react-native-applications- - React Navigation - navigation/react-navigation) |  |  |  |  | (React Native Project Showcase)
README
# React Navigation 7
[![Build Status][build-badge]][build]
[![Code Coverage][coverage-badge]][coverage]
[![MIT License][license-badge]][license]
Routing and navigation for your React Native apps.
Documentation can be found at [reactnavigation.org](https://reactnavigation.org/).
This branch contains the code for the latest stable version of React Navigation. You can find the code for previous versions in the following branches:
- [6.x](https://github.com/react-navigation/react-navigation/tree/6.x)
- [5.x](https://github.com/react-navigation/react-navigation/tree/5.x)
- [4.x](https://github.com/react-navigation/react-navigation/tree/4.x)
- [3.x](https://github.com/react-navigation/react-navigation/tree/3.x)
- [2.x](https://github.com/react-navigation/react-navigation/tree/2.x)
- [1.x](https://github.com/react-navigation/react-navigation/tree/1.x)
## Package Versions
| Name | Latest Version |
| ---------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------: |
| [@react-navigation/bottom-tabs](/packages/bottom-tabs) | [](https://www.npmjs.com/package/@react-navigation/bottom-tabs) |
| [@react-navigation/core](/packages/core) | [](https://www.npmjs.com/package/@react-navigation/core) |
| [@react-navigation/devtools](/packages/devtools) | [](https://www.npmjs.com/package/@react-navigation/devtools) |
| [@react-navigation/drawer](/packages/drawer) | [](https://www.npmjs.com/package/@react-navigation/drawer) |
| [@react-navigation/elements](/packages/elements) | [](https://www.npmjs.com/package/@react-navigation/elements) |
| [@react-navigation/material-top-tabs](/packages/material-top-tabs) | [](https://www.npmjs.com/package/@react-navigation/material-top-tabs) |
| [@react-navigation/native-stack](/packages/native-stack) | [](https://www.npmjs.com/package/@react-navigation/native-stack) |
| [@react-navigation/native](/packages/native) | [](https://www.npmjs.com/package/@react-navigation/native) |
| [@react-navigation/routers](/packages/routers) | [](https://www.npmjs.com/package/@react-navigation/routers) |
| [@react-navigation/stack](/packages/stack) | [](https://www.npmjs.com/package/@react-navigation/stack) |
| [react-native-drawer-layout](/packages/react-native-drawer-layout) | [](https://www.npmjs.com/package/react-native-drawer-layout) |
| [react-native-tab-view](/packages/react-native-tab-view) | [](https://www.npmjs.com/package/react-native-tab-view) |
## Contributing
Please read through our [contribution guide](CONTRIBUTING.md) to get started!
## Installing from a fork on GitHub
Since we use a monorepo, it's not possible to install a package from the repository URL. If you need to install a forked version from Git, you can use [`gitpkg`](https://github.com/ramasilveyra/gitpkg).
First install `gitpkg`:
```sh
yarn global add gitpkg
```
Then follow these steps to publish and install a forked package:
1. Fork this repo to your account and clone the forked repo to your local machine
1. Open a Terminal and `cd` to the location of the cloned repo
1. Run `yarn` to install any dependencies
1. If you want to make any changes, make them and commit
1. Run `yarn lerna run prepack` to perform the build steps
1. Now `cd` to the package directory that you want to use (e.g. `cd packages/stack` for `@react-navigation/stack`)
1. Run `gitpkg publish` to publish the package to your repo
After publishing, you should see something like this:
```sh
Package uploaded to [email protected]:/.git with the name
```
You can now install the dependency in your project:
```sh
yarn add /.git#
```
Remember to replace ``, `` and `` with right values.
[build-badge]: https://github.com/react-navigation/react-navigation/actions/workflows/ci.yml/badge.svg
[build]: https://github.com/react-navigation/react-navigation/actions/workflows/ci.yml
[coverage-badge]: https://img.shields.io/codecov/c/github/react-navigation/react-navigation.svg
[coverage]: https://codecov.io/github/react-navigation/react-navigation
[license-badge]: https://img.shields.io/npm/l/@react-navigation/core.svg
[license]: https://opensource.org/licenses/MIT