Merge pull request #33841 from callstack-internal/fix/top-tabs-animat…

…ions-performance

Fix OnyxTab Navigator performance issues on web

src/libs/Navigation/OnyxTabNavigator.tsx

@@ -7,6 +7,7 @@ import type {OnyxEntry} from 'react-native-onyx/lib/types';
 import Tab from '@userActions/Tab';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type ChildrenProps from '@src/types/utils/ChildrenProps';
+import {defaultScreenOptions} from './OnyxTabNavigatorConfig';
 
 type OnyxTabNavigatorOnyxProps = {
     selectedTab: OnyxEntry<string>;
@@ -51,6 +52,7 @@ function OnyxTabNavigator({id, selectedTab = '', children, onTabSelected = () =>
                 },
                 ...(screenListeners ?? {}),
             }}
+            screenOptions={defaultScreenOptions}
         >
             {children}
         </TopTab.Navigator>

src/libs/Navigation/OnyxTabNavigatorConfig/index.ts

@@ -0,0 +1,8 @@
+const defaultScreenOptions = {
+    animationEnabled: true,
+} as const;
+
+export {
+    // eslint-disable-next-line import/prefer-default-export
+    defaultScreenOptions,
+};

src/libs/Navigation/OnyxTabNavigatorConfig/index.website.ts

@@ -0,0 +1,8 @@
+const defaultScreenOptions = {
+    animationEnabled: false,
+} as const;
+
+export {
+    // eslint-disable-next-line import/prefer-default-export
+    defaultScreenOptions,
+};