Skip to content

Commit be2a8ce

Browse files
committed
Adjust npm install commands
1 parent b8c5da2 commit be2a8ce

21 files changed

+29
-29
lines changed

versioned_docs/version-6.x/bottom-tab-navigator.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ A simple tab bar on the bottom of the screen that lets you switch between differ
1515
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/bottom-tabs):
1616

1717
```bash npm2yarn
18-
npm install @react-navigation/bottom-tabs
18+
npm install @react-navigation/bottom-tabs@^6.x
1919
```
2020

2121
## API Definition

versioned_docs/version-6.x/devtools.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Developer tools to make debugging easier when using React Navigation.
99
To use the developer tools, install [`@react-navigation/devtools`](https://github.com/react-navigation/react-navigation/tree/master/packages/devtools):
1010

1111
```bash npm2yarn
12-
npm install @react-navigation/devtools
12+
npm install @react-navigation/devtools@^6.x
1313
```
1414

1515
Hooks from this package only work during development and are disabled in production. You don't need to do anything special to remove them from the production build.

versioned_docs/version-6.x/drawer-navigator.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ This wraps [`react-native-drawer-layout`](drawer-layout.md). If you want to use
1717
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/drawer`](https://github.com/react-navigation/react-navigation/tree/main/packages/drawer):
1818

1919
```bash npm2yarn
20-
npm install @react-navigation/drawer
20+
npm install @react-navigation/drawer@^6.x
2121
```
2222

2323
Then, you need to install and configure the libraries that are required by the drawer navigator:

versioned_docs/version-6.x/elements.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ A component library containing the UI elements and helpers used in React Navigat
1111
To use this package, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/elements`](https://github.com/react-navigation/react-navigation/tree/main/packages/elements):
1212

1313
```bash npm2yarn
14-
npm install @react-navigation/elements
14+
npm install @react-navigation/elements@^6.x
1515
```
1616

1717
## Components

versioned_docs/version-6.x/getting-started.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ Here are some resources to help you out:
2828
Install the required packages in your React Native project:
2929

3030
```bash npm2yarn
31-
npm install @react-navigation/native
31+
npm install @react-navigation/native@^6.x
3232
```
3333

3434
React Navigation is made up of some core utilities and those are then used by navigators to create the navigation structure in your app. Don't worry too much about this for now, it'll become clear soon enough! To frontload the installation work, let's also install and configure dependencies used by most navigators, then we can move forward with starting to write some code.

versioned_docs/version-6.x/hello-react-navigation.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ Let's start by demonstrating the most common navigator, `createNativeStackNaviga
1515
The libraries we've installed so far are the building blocks and shared foundations for navigators, and each navigator in React Navigation lives in its own library. To use the native stack navigator, we need to install [`@react-navigation/native-stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack) :
1616

1717
```bash npm2yarn
18-
npm install @react-navigation/native-stack
18+
npm install @react-navigation/native-stack@^6.x
1919
```
2020

2121
> 💡 `@react-navigation/native-stack` depends on `react-native-screens` and the other libraries that we installed in [Getting started](getting-started.md). If you haven't installed those yet, head over to that page and follow the installation instructions.

versioned_docs/version-6.x/material-bottom-tab-navigator.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ This wraps the [`BottomNavigation`](https://callstack.github.io/react-native-pap
2121
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/material-bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/material-bottom-tabs):
2222

2323
```bash npm2yarn
24-
npm install @react-navigation/material-bottom-tabs react-native-paper react-native-vector-icons
24+
npm install @react-navigation/material-bottom-tabs@^6.x react-native-paper react-native-vector-icons
2525
```
2626

2727
This API also requires that you install `react-native-vector-icons`! If you are using Expo managed workflow, it will work without any extra steps. Otherwise, [follow these installation instructions](https://github.com/oblador/react-native-vector-icons#installation).

versioned_docs/version-6.x/material-top-tab-navigator.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ This wraps [`react-native-tab-view`](tab-view.md). If you want to use the tab vi
1717
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/material-top-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/material-top-tabs):
1818

1919
```bash npm2yarn
20-
npm install @react-navigation/material-top-tabs react-native-tab-view
20+
npm install @react-navigation/material-top-tabs@^6.x react-native-tab-view
2121
```
2222

2323
Then, you need to install [`react-native-pager-view`](https://github.com/callstack/react-native-pager-view) which is required by the navigator.

versioned_docs/version-6.x/native-stack-navigator.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ One thing to keep in mind is that while `@react-navigation/native-stack` offers
1515
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/native-stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack):
1616

1717
```bash npm2yarn
18-
npm install @react-navigation/native-stack
18+
npm install @react-navigation/native-stack@^6.x
1919
```
2020

2121
## API Definition

versioned_docs/version-6.x/stack-navigator.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ One thing to keep in mind is that while `@react-navigation/stack` is extremely c
1919
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/stack):
2020

2121
```bash npm2yarn
22-
npm install @react-navigation/stack
22+
npm install @react-navigation/stack@^6.x
2323
```
2424

2525
Then, you need to install and configure the libraries that are required by the stack navigator:

0 commit comments

Comments
 (0)