Skip to content

Commit ad8eb0f

Browse files
committed
Add /next URL and update installation commands for 7.x
1 parent e9e568c commit ad8eb0f

18 files changed

+68
-349
lines changed

docusaurus.config.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,17 @@ module.exports = {
142142
},
143143
plugins: [
144144
path.resolve(__dirname, './src/plugins/docusaurus-plugin-redirect-html'),
145+
[
146+
'@docusaurus/plugin-client-redirects',
147+
{
148+
redirects: [
149+
{
150+
from: '/next',
151+
to: '/docs/7.x/getting-started',
152+
},
153+
],
154+
},
155+
],
145156
],
146157
presets: [
147158
[

package.json

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,13 @@
1414
"fetch-sponsors": "node scripts/fetch-sponsors.js"
1515
},
1616
"dependencies": {
17-
"@docusaurus/core": "^2.3.1",
18-
"@docusaurus/plugin-google-analytics": "^2.3.1",
19-
"@docusaurus/preset-classic": "^2.3.1",
20-
"@docusaurus/remark-plugin-npm2yarn": "^2.3.1",
17+
"@docusaurus/core": "2.3.1",
18+
"@docusaurus/plugin-client-redirects": "2.3.1",
19+
"@docusaurus/plugin-google-analytics": "2.3.1",
20+
"@docusaurus/preset-classic": "2.3.1",
21+
"@docusaurus/remark-plugin-npm2yarn": "2.3.1",
2122
"@octokit/graphql": "^4.8.0",
22-
"@react-navigation/core": "^6.0.1",
23+
"@react-navigation/core": "^7.0.0-alpha.2",
2324
"escape-html": "^1.0.3",
2425
"mkdirp": "^1.0.4",
2526
"netlify-plugin-cache": "^1.0.3",

versioned_docs/version-6.x/limitations.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: Limitations
44
sidebar_label: Limitations
55
---
66

7-
As a potential user of the library, it's important to know what you can and cannot do with it. Armed with this knowledge, you may choose to adopt [a different library instead](alternatives.md). We discuss the high level design decisions in the [pitch & anti-pitch](pitch.md) section, and here we will cover some of the use cases that are either not supported or are so difficult to do that they may as well be impossible. If any of the following limitations are dealbreakers for your app, React Navigation might not be for you.
7+
As a potential user of the library, it's important to know what you can and cannot do with it. Armed with this knowledge, you may choose to adopt a different library such as [`react-native=navigation`](https://github.com/wix/react-native-navigation) instead. We discuss the high level design decisions in the [pitch & anti-pitch](pitch.md) section, and here we will cover some of the use cases that are either not supported or are so difficult to do that they may as well be impossible. If any of the following limitations are dealbreakers for your app, React Navigation might not be for you.
88

99
## Limited right-to-left (RTL) layout support
1010

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ A simple tab bar on the bottom of the screen that lets you switch between differ
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/bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/bottom-tabs):
1818

1919
```bash npm2yarn
20-
npm install @react-navigation/bottom-tabs
20+
npm install @react-navigation/bottom-tabs@next
2121
```
2222

2323
## API Definition

versioned_docs/version-7.x/custom-navigators.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@ We include some commonly needed navigators such as:
1616
- [`createDrawerNavigator`](drawer-navigator.md) - Provides a drawer that slides in from the left of the screen by default.
1717
- [`createBottomTabNavigator`](bottom-tab-navigator.md) - Renders a tab bar that lets the user switch between several screens.
1818
- [`createMaterialTopTabNavigator`](material-top-tab-navigator.md) - Renders tab view which lets the user switch between several screens using swipe gesture or the tab bar.
19-
- [`createMaterialBottomTabNavigator`](material-bottom-tab-navigator.md) - Renders tab view which lets the user switch between several screens using swipe gesture or the tab bar.
2019

2120
## API for building custom navigators
2221

versioned_docs/version-7.x/devtools.md

Lines changed: 1 addition & 46 deletions
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@next
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.
@@ -18,51 +18,6 @@ Hooks from this package only work during development and are disabled in product
1818

1919
The package exposes the following APIs:
2020

21-
### `useFlipper`
22-
23-
This hook provides integration with [Flipper](https://fbflipper.com/) for React Native apps.
24-
25-
> This doesn't work in Expo managed apps since they don't support Flipper.
26-
27-
To be able to use this hook, you need to:
28-
29-
- [Configure Flipper in your React Native app](https://fbflipper.com/docs/features/react-native/) if it's not configured already
30-
- Install the `react-native-flipper` package in your app:
31-
32-
```bash npm2yarn
33-
npm install --save-dev react-native-flipper
34-
```
35-
36-
- Install the `react-navigation` plugin in the Flipper app
37-
38-
![Install Flipper](/assets/devtools/flipper-plugin-install.png)
39-
40-
**Usage:**
41-
42-
To use the hook, import it and pass a `ref` to the `NavigationContainer` as its argument:
43-
44-
```js
45-
import * as React from 'react';
46-
import { NavigationContainer, useNavigationContainerRef } from '@react-navigation/native';
47-
import { useFlipper } from '@react-navigation/devtools';
48-
49-
export default function App() {
50-
const navigationRef = useNavigationContainerRef();
51-
52-
useFlipper(navigationRef);
53-
54-
return (
55-
<NavigationContainer ref={navigationRef}>{/* ... */}</NavigationContainer>
56-
);
57-
}
58-
```
59-
60-
Now, you'll be able to use the React Navigation devtools in Flipper whenever your device is connected to Flipper.
61-
62-
![React Navigation Logs](/assets/devtools/flipper-plugin-logs.png)
63-
64-
![React Navigation Linking](/assets/devtools/flipper-plugin-linking.png)
65-
6621
### `useReduxDevToolsExtension`
6722

6823
This hook provides integration with [Redux DevTools Extension](https://github.com/reduxjs/redux-devtools). It also works with [`React Native Debugger app`](https://github.com/jhen0409/react-native-debugger) which includes this extension.

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ This wraps [`react-native-drawer-layout`](drawer-layout.md). If you want to use
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/drawer`](https://github.com/react-navigation/react-navigation/tree/main/packages/drawer):
2020

2121
```bash npm2yarn
22-
npm install @react-navigation/drawer
22+
npm install @react-navigation/drawer@next
2323
```
2424

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

versioned_docs/version-7.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@next
1515
```
1616

1717
## Components

versioned_docs/version-7.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@next
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-7.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@next
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.

0 commit comments

Comments
 (0)