Tweak navigator descriptions

Author: satya164

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

@@ -18,7 +18,7 @@ sidebar_label: Drawer
 
 Drawer Navigator renders a navigation drawer on the side of the screen which can be opened and closed via gestures.
 
-This navigator wraps [`react-native-drawer-layout`](drawer-layout.md) to provide integration with React Navigation. If you want to use the drawer without React Navigation integration, use the library directly instead.
+This navigator provides React Navigation integration for [`react-native-drawer-layout`](drawer-layout.md). If you don't need React Navigation integration, use [`react-native-drawer-layout`](drawer-layout.md) directly instead.
 
 ## Installation
 

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

@@ -26,7 +26,7 @@ sidebar_label: Material Top Tabs
 
 A material-design themed tab bar on the top of the screen that lets you switch between different routes by tapping the tabs or swiping horizontally.
 
-This navigator wraps [`react-native-tab-view`](tab-view.md) to provide integration with React Navigation. If you want to use the tab view without React Navigation integration, use the library directly instead.
+This navigator provides React Navigation integration for [`react-native-tab-view`](tab-view.md). If you don't need React Navigation integration, use [`react-native-tab-view`](tab-view.md) directly instead.
 
 ## Installation
 

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

@@ -34,9 +34,16 @@ sidebar_label: Native Stack
 
 Native Stack Navigator provides a way for your app to transition between screens where each new screen is placed on top of a stack.
 
-This navigator uses the native APIs `UINavigationController` on iOS and `Fragment` on Android so that navigation built with `createNativeStackNavigator` will behave exactly the same and have the same performance characteristics as apps built natively on top of those APIs. It also offers basic Web support using [`react-native-web`](https://github.com/necolas/react-native-web).
+<details>
+<summary>Comparison with [Stack Navigator](stack-navigator.md)</summary>
 
-One thing to keep in mind is that while `@react-navigation/native-stack` offers native performance and exposes native features such as large title on iOS etc., it may not be as customizable as [`@react-navigation/stack`](stack-navigator.md) depending on your needs. So if you need more customization than what's possible in this navigator, consider using `@react-navigation/stack` instead - which is a more customizable JavaScript based implementation.
+The Native Stack navigator uses the native APIs `UINavigationController` on iOS and `Fragment` on Android. This means animations and gestures are handled by the platform, resulting in smoother transitions and better performance compared to the JavaScript-based [Stack Navigator](stack-navigator.md).
+
+It also exposes native features such as large titles on iOS, form sheets etc., and offers a more native look and feel out of the box.
+
+However, because it relies on native components, it may not support customizations or behaviors not supported by the underlying platforms.
+
+</details>
 
 ## Installation
 

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

@@ -26,9 +26,16 @@ sidebar_label: Stack
 
 Stack Navigator provides a way for your app to transition between screens where each new screen is placed on top of a stack.
 
-By default the stack navigator is configured to have the familiar iOS and Android look & feel: new screens slide in from the right on iOS, use OS default animation on Android. But the [animations can be customized](#animation-related-options) to match your needs.
+<details>
+<summary>Comparison with [Native Stack](native-stack-navigator.md)</summary>
 
-One thing to keep in mind is that while `@react-navigation/stack` is extremely customizable, it's implemented in JavaScript. While it runs animations and gestures using natively, the performance may not be as fast as a native implementation. This may not be an issue for a lot of apps, but if you're experiencing performance issues during navigation, consider using [`@react-navigation/native-stack`](native-stack-navigator.md) instead - which uses native navigation primitives.
+The Stack navigator is implemented in JavaScript and mimics the familiar iOS and Android look & feel. Since it's a custom implementation, it is extremely customizable.
+
+However, even though it runs animations and gestures with native driver, the performance may not be as good as a native implementation. This may not be an issue for many apps, but [Native Stack Navigator](native-stack-navigator.md) - which uses native navigation primitives - will provide better performance and smoother animations.
+
+In addition, because it is a custom implementation, it may not support all the features and behaviors of the underlying platforms such large titles, form sheets, etc.
+
+</details>
 
 ## Installation
 

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

@@ -18,7 +18,7 @@ sidebar_label: Drawer
 
 Drawer Navigator renders a navigation drawer on the side of the screen which can be opened and closed via gestures.
 
-This navigator wraps [`react-native-drawer-layout`](drawer-layout.md) to provide integration with React Navigation. If you want to use the drawer without React Navigation integration, use the library directly instead.
+This navigator provides React Navigation integration for [`react-native-drawer-layout`](drawer-layout.md). If you don't need React Navigation integration, use [`react-native-drawer-layout`](drawer-layout.md) directly instead.
 
 ## Installation
 

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

@@ -26,7 +26,7 @@ sidebar_label: Material Top Tabs
 
 A material-design themed tab bar on the top of the screen that lets you switch between different routes by tapping the tabs or swiping horizontally.
 
-This navigator wraps [`react-native-tab-view`](tab-view.md) to provide integration with React Navigation. If you want to use the tab view without React Navigation integration, use the library directly instead.
+This navigator provides React Navigation integration for [`react-native-tab-view`](tab-view.md). If you don't need React Navigation integration, use [`react-native-tab-view`](tab-view.md) directly instead.
 
 ## Installation
 

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

@@ -34,9 +34,16 @@ sidebar_label: Native Stack
 
 Native Stack Navigator provides a way for your app to transition between screens where each new screen is placed on top of a stack.
 
-This navigator uses the native APIs `UINavigationController` on iOS and `Fragment` on Android so that navigation built with `createNativeStackNavigator` will behave exactly the same and have the same performance characteristics as apps built natively on top of those APIs. It also offers basic Web support using [`react-native-web`](https://github.com/necolas/react-native-web).
+<details>
+<summary>Comparison with [Stack Navigator](stack-navigator.md)</summary>
 
-One thing to keep in mind is that while `@react-navigation/native-stack` offers native performance and exposes native features such as large title on iOS etc., it may not be as customizable as [`@react-navigation/stack`](stack-navigator.md) depending on your needs. So if you need more customization than what's possible in this navigator, consider using `@react-navigation/stack` instead - which is a more customizable JavaScript based implementation.
+The Native Stack navigator uses the native APIs `UINavigationController` on iOS and `Fragment` on Android. This means animations and gestures are handled by the platform, resulting in smoother transitions and better performance compared to the JavaScript-based [Stack Navigator](stack-navigator.md).
+
+It also exposes native features such as large titles on iOS, form sheets etc., and offers a more native look and feel out of the box.
+
+However, because it relies on native components, it may not support customizations or behaviors not supported by the underlying platforms.
+
+</details>
 
 ## Installation
 

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

@@ -26,9 +26,16 @@ sidebar_label: Stack
 
 Stack Navigator provides a way for your app to transition between screens where each new screen is placed on top of a stack.
 
-By default the stack navigator is configured to have the familiar iOS and Android look & feel: new screens slide in from the right on iOS, use OS default animation on Android. But the [animations can be customized](#animation-related-options) to match your needs.
+<details>
+<summary>Comparison with [Native Stack](native-stack-navigator.md)</summary>
 
-One thing to keep in mind is that while `@react-navigation/stack` is extremely customizable, it's implemented in JavaScript. While it runs animations and gestures using natively, the performance may not be as fast as a native implementation. This may not be an issue for a lot of apps, but if you're experiencing performance issues during navigation, consider using [`@react-navigation/native-stack`](native-stack-navigator.md) instead - which uses native navigation primitives.
+The Stack navigator is implemented in JavaScript and mimics the familiar iOS and Android look & feel. Since it's a custom implementation, it is extremely customizable.
+
+However, even though it runs animations and gestures with native driver, the performance may not be as good as a native implementation. This may not be an issue for many apps, but [Native Stack Navigator](native-stack-navigator.md) - which uses native navigation primitives - will provide better performance and smoother animations.
+
+In addition, because it is a custom implementation, it may not support all the features and behaviors of the underlying platforms such large titles, form sheets, etc.
+
+</details>
 
 ## Installation