Add /next URL and update installation commands for 7.x

Author: satya164

docusaurus.config.js

@@ -142,6 +142,17 @@ module.exports = {
   },
   plugins: [
     path.resolve(__dirname, './src/plugins/docusaurus-plugin-redirect-html'),
+    [
+      '@docusaurus/plugin-client-redirects',
+      {
+        redirects: [
+          {
+            from: '/next',
+            to: '/docs/7.x/getting-started',
+          },
+        ],
+      },
+    ],
   ],
   presets: [
     [

package.json

@@ -14,12 +14,13 @@
     "fetch-sponsors": "node scripts/fetch-sponsors.js"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.3.1",
-    "@docusaurus/plugin-google-analytics": "^2.3.1",
-    "@docusaurus/preset-classic": "^2.3.1",
-    "@docusaurus/remark-plugin-npm2yarn": "^2.3.1",
+    "@docusaurus/core": "2.3.1",
+    "@docusaurus/plugin-client-redirects": "2.3.1",
+    "@docusaurus/plugin-google-analytics": "2.3.1",
+    "@docusaurus/preset-classic": "2.3.1",
+    "@docusaurus/remark-plugin-npm2yarn": "2.3.1",
     "@octokit/graphql": "^4.8.0",
-    "@react-navigation/core": "^6.0.1",
+    "@react-navigation/core": "^7.0.0-alpha.2",
     "escape-html": "^1.0.3",
     "mkdirp": "^1.0.4",
     "netlify-plugin-cache": "^1.0.3",

versioned_docs/version-6.x/limitations.md

@@ -4,7 +4,7 @@ title: Limitations
 sidebar_label: Limitations
 ---
 
-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.
+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.
 
 ## Limited right-to-left (RTL) layout support
 

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

@@ -17,7 +17,7 @@ A simple tab bar on the bottom of the screen that lets you switch between differ
 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):
 
 ```bash npm2yarn
-npm install @react-navigation/bottom-tabs
+npm install @react-navigation/bottom-tabs@next
 ```
 
 ## API Definition

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

@@ -16,7 +16,6 @@ We include some commonly needed navigators such as:
 - [`createDrawerNavigator`](drawer-navigator.md) - Provides a drawer that slides in from the left of the screen by default.
 - [`createBottomTabNavigator`](bottom-tab-navigator.md) - Renders a tab bar that lets the user switch between several screens.
 - [`createMaterialTopTabNavigator`](material-top-tab-navigator.md) - Renders tab view which lets the user switch between several screens using swipe gesture or the tab bar.
-- [`createMaterialBottomTabNavigator`](material-bottom-tab-navigator.md) - Renders tab view which lets the user switch between several screens using swipe gesture or the tab bar.
 
 ## API for building custom navigators
 

versioned_docs/version-7.x/devtools.md

@@ -9,7 +9,7 @@ Developer tools to make debugging easier when using React Navigation.
 To use the developer tools, install [`@react-navigation/devtools`](https://github.com/react-navigation/react-navigation/tree/master/packages/devtools):
 
 ```bash npm2yarn
-npm install @react-navigation/devtools
+npm install @react-navigation/devtools@next
 ```
 
 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
 
 The package exposes the following APIs:
 
-### `useFlipper`
-
-This hook provides integration with [Flipper](https://fbflipper.com/) for React Native apps.
-
-> This doesn't work in Expo managed apps since they don't support Flipper.
-
-To be able to use this hook, you need to:
-
-- [Configure Flipper in your React Native app](https://fbflipper.com/docs/features/react-native/) if it's not configured already
-- Install the `react-native-flipper` package in your app:
-
-  ```bash npm2yarn
-  npm install --save-dev react-native-flipper
-  ```
-
-- Install the `react-navigation` plugin in the Flipper app
-
-  ![Install Flipper](/assets/devtools/flipper-plugin-install.png)
-
-**Usage:**
-
-To use the hook, import it and pass a `ref` to the `NavigationContainer` as its argument:
-
-```js
-import * as React from 'react';
-import { NavigationContainer, useNavigationContainerRef } from '@react-navigation/native';
-import { useFlipper } from '@react-navigation/devtools';
-
-export default function App() {
-  const navigationRef = useNavigationContainerRef();
-
-  useFlipper(navigationRef);
-
-  return (
-    <NavigationContainer ref={navigationRef}>{/* ... */}</NavigationContainer>
-  );
-}
-```
-
-Now, you'll be able to use the React Navigation devtools in Flipper whenever your device is connected to Flipper.
-
-![React Navigation Logs](/assets/devtools/flipper-plugin-logs.png)
-
-![React Navigation Linking](/assets/devtools/flipper-plugin-linking.png)
-
 ### `useReduxDevToolsExtension`
 
 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

@@ -19,7 +19,7 @@ This wraps [`react-native-drawer-layout`](drawer-layout.md). If you want to use
 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):
 
 ```bash npm2yarn
-npm install @react-navigation/drawer
+npm install @react-navigation/drawer@next
 ```
 
 Then, you need to install and configure the libraries that are required by the drawer navigator:

versioned_docs/version-7.x/elements.md

@@ -11,7 +11,7 @@ A component library containing the UI elements and helpers used in React Navigat
 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):
 
 ```bash npm2yarn
-npm install @react-navigation/elements
+npm install @react-navigation/elements@next
 ```
 
 ## Components

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

@@ -28,7 +28,7 @@ Here are some resources to help you out:
 Install the required packages in your React Native project:
 
 ```bash npm2yarn
-npm install @react-navigation/native
+npm install @react-navigation/native@next
 ```
 
 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

@@ -15,7 +15,7 @@ Let's start by demonstrating the most common navigator, `createNativeStackNaviga
 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) :
 
 ```bash npm2yarn
-npm install @react-navigation/native-stack
+npm install @react-navigation/native-stack@next
 ```
 
 > 💡 `@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.