Update docs for native botom tabs

Author: satya164

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

@@ -122,7 +122,9 @@ Uses iOS built-in tab bar items with standard iOS styling and localized titles.
 - `search`
 - `topRated`
 
-If set to `search`, it's positioned next to the tab bar on iOS 26 and above.
+If set to `search`, the tab is positioned as a separate item on the tab bar on iOS 26+.
+
+For the `search` item, when the tab is selected, the tab bar transforms into a search field if the screen in the tab navigator or a nested [native stack navigator](native-stack-navigator.md) has [`headerSearchBarOptions`](native-stack-navigator.md#headersearchbaroptions) configured and the native header is shown with [`headerShown: true`](native-stack-navigator.md#headershown). This won't work if a custom header is provided with the `header` option.
 
 The [`tabBarIcon`](#tabbaricon) and [`tabBarLabel`](#tabbarlabel) options will override the icon and label from the system item. If you want to keep the system behavior on iOS, but need to provide icon and label for other platforms, use `Platform.OS` or `Platform.select` to conditionally set `undefined` for `tabBarIcon` and `tabBarLabel` on iOS.
 
@@ -384,14 +386,11 @@ This event is fired when the user presses the tab button for the current screen
   - If the screen for the tab renders a scroll view, you can use [`useScrollToTop`](use-scroll-to-top.md) to scroll it to top
   - If the screen for the tab renders a stack navigator, a `popToTop` action is performed on the stack
 
-To prevent the default behavior, you can call `event.preventDefault`:
+The default behavior of the tab press is controlled natively and cannot be prevented.
 
 ```js
 React.useEffect(() => {
   const unsubscribe = navigation.addListener('tabPress', (e) => {
-    // Prevent default behavior
-    e.preventDefault();
-
     // Do something manually
     // ...
   });