Improve stack and drawer installation instructions

Author: satya164

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

@@ -14,13 +14,15 @@ Component that renders a navigation drawer which can be opened and closed via ge
 
 ## Installation
 
-1. 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):
+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
-   ```
+```bash npm2yarn
+npm install @react-navigation/drawer
+```
 
-2. You also need to install [`react-native-gesture-handler`](https://docs.swmansion.com/react-native-gesture-handler/) and [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
+Then, you need to install and configure the libraries that are required by the drawer navigator:
+
+1. First, install [`react-native-gesture-handler`](https://docs.swmansion.com/react-native-gesture-handler/) and [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
 
    If you have a Expo managed project, in your project directory, run:
 
@@ -34,15 +36,21 @@ Component that renders a navigation drawer which can be opened and closed via ge
    npm install react-native-gesture-handler react-native-reanimated
    ```
 
-3. To finalize installation of `react-native-gesture-handler`, add the following at the **top** (make sure it's at the top and there's nothing else before it) of your entry file, such as `index.js` or `App.js`:
+   The Drawer Navigator supports both Reanimated 1 and Reanimated 2. If you want to use Reanimated 2, make sure to configure it following the [installation guide](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation).
+
+2. To finalize installation of `react-native-gesture-handler`, add the following at the **top** (make sure it's at the top and there's nothing else before it) of your entry file, such as `index.js` or `App.js`:
 
    ```js
    import 'react-native-gesture-handler';
    ```
 
    > Note: If you are building for Android or iOS, do not skip this step, or your app may crash in production even if it works fine in development. This is not applicable to other platforms.
 
-4. The Drawer Navigator supports both Reanimated 1 and Reanimated 2. If you want to use Reanimated 2, make sure to configure it following the [installation guide](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation).
+3. If you're on a Mac and developing for iOS, you also need to install the pods (via [Cocoapods](https://cocoapods.org/)) to complete the linking.
+
+  ```sh
+  npx pod-install ios
+  ```
 
 ## API Definition
 

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

@@ -22,7 +22,7 @@ To use this navigator, ensure that you have [`@react-navigation/native` and its
 npm install @react-navigation/material-top-tabs react-native-tab-view
 ```
 
-You also need to install [`react-native-pager-view`](https://github.com/callstack/react-native-pager-view).
+Then, you need to install [`react-native-pager-view`](https://github.com/callstack/react-native-pager-view) which is required by the navigator.
 
 If you have a Expo managed project, in your project directory, run:
 
@@ -35,7 +35,12 @@ If you have a bare React Native project, in your project directory, run:
 ```bash npm2yarn
 npm install react-native-pager-view
 ```
-> If you are developing for IOS, You'd need to run: **pod install**
+
+If you're on a Mac and developing for iOS, you also need to install the pods (via [Cocoapods](https://cocoapods.org/)) to complete the linking.
+
+```sh
+npx pod-install ios
+```
 
 ## API Definition
 

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

@@ -24,41 +24,49 @@ To use this navigator, ensure that you have [`@react-navigation/native` and its
 npm install @react-navigation/stack
 ```
 
-You also need to install [`react-native-gesture-handler`](https://docs.swmansion.com/react-native-gesture-handler/).
+Then, you need to install and configure the libraries that are required by the stack navigator:
 
-If you have a Expo managed project, in your project directory, run:
+1. First, install [`react-native-gesture-handler`](https://docs.swmansion.com/react-native-gesture-handler/).
 
-```sh
-npx expo install react-native-gesture-handler
-```
+   If you have a Expo managed project, in your project directory, run:
 
-If you have a bare React Native project, in your project directory, run:
+   ```sh
+   npx expo install react-native-gesture-handler
+   ```
 
-```bash npm2yarn
-npm install react-native-gesture-handler
-```
+   If you have a bare React Native project, in your project directory, run:
 
-To finalize installation of `react-native-gesture-handler`, add the following at the **top** (make sure it's at the top and there's nothing else before it) of your entry file, such as `index.js` or `App.js`:
+   ```bash npm2yarn
+   npm install react-native-gesture-handler
+   ```
 
-```js
-import 'react-native-gesture-handler';
-```
+2. To finalize installation of `react-native-gesture-handler`, add the following at the **top** (make sure it's at the top and there's nothing else before it) of your entry file, such as `index.js` or `App.js`:
 
-> Note: If you are building for Android or iOS, do not skip this step, or your app may crash in production even if it works fine in development. This is not applicable to other platforms.
+   ```js
+   import 'react-native-gesture-handler';
+   ```
 
-Optionally, you can also install [`@react-native-masked-view/masked-view`](https://github.com/react-native-masked-view/masked-view). This is needed if you want to use UIKit style animations for the header ([`HeaderStyleInterpolators.forUIKit`](#headerstyleinterpolators)).
+   > Note: If you are building for Android or iOS, do not skip this step, or your app may crash in production even if it works fine in development. This is not applicable to other platforms.
 
-If you have a Expo managed project, in your project directory, run:
+3. Optionally, you can also install [`@react-native-masked-view/masked-view`](https://github.com/react-native-masked-view/masked-view). This is needed if you want to use UIKit style animations for the header ([`HeaderStyleInterpolators.forUIKit`](#headerstyleinterpolators)).
 
-```sh
-npx expo install @react-native-masked-view/masked-view
-```
+   If you have a Expo managed project, in your project directory, run:
 
-If you have a bare React Native project, in your project directory, run:
+   ```sh
+   npx expo install @react-native-masked-view/masked-view
+   ```
 
-```bash npm2yarn
-npm install @react-native-masked-view/masked-view
-```
+   If you have a bare React Native project, in your project directory, run:
+
+   ```bash npm2yarn
+   npm install @react-native-masked-view/masked-view
+   ```
+
+4. If you're on a Mac and developing for iOS, you also need to install the pods (via [Cocoapods](https://cocoapods.org/)) to complete the linking.
+
+  ```sh
+  npx pod-install ios
+  ```
 
 ## API Definition