react-native-tab-view 5.0.0-alpha.2 → 5.0.0-alpha.4

package/lib/typescript/src/TabBarItem.d.ts

@@ -4,16 +4,16 @@ export type Props<T extends Route> = TabDescriptor<T> & {
     position: Animated.AnimatedInterpolation<number>;
     route: T;
     navigationState: NavigationState<T>;
-    activeColor?: ColorValue;
-    inactiveColor?: ColorValue;
-    pressColor?: ColorValue;
-    pressOpacity?: number;
-    onLayout?: (event: LayoutChangeEvent) => void;
+    activeColor?: ColorValue | undefined;
+    inactiveColor?: ColorValue | undefined;
+    pressColor?: ColorValue | undefined;
+    pressOpacity?: number | undefined;
+    onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
     onPress: () => void;
     onLongPress: () => void;
-    defaultTabWidth?: number;
+    defaultTabWidth?: number | undefined;
     style: StyleProp<ViewStyle>;
-    android_ripple?: PressableAndroidRippleConfig;
+    android_ripple?: PressableAndroidRippleConfig | undefined;
 };
 export declare function TabBarItem<T extends Route>(props: Props<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TabBarItem.d.ts.map

package/lib/typescript/src/TabBarItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarItem.d.ts","sourceRoot":"","sources":["../../../src/TabBarItem.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,KAAK,UAAU,EACf,KAAK,iBAAiB,EAEtB,KAAK,4BAA4B,EACjC,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACtD,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjD,KAAK,EAAE,CAAC,CAAC;IACT,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,4BAA4B,CAAC;CAC/C,CAAC;AA+NF,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsB1D"}
+{"version":3,"file":"TabBarItem.d.ts","sourceRoot":"","sources":["../../../src/TabBarItem.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,KAAK,UAAU,EACf,KAAK,iBAAiB,EAEtB,KAAK,4BAA4B,EACjC,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACtD,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjD,KAAK,EAAE,CAAC,CAAC;IACT,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;CAC3D,CAAC;AA+NF,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsB1D"}

package/lib/typescript/src/TabBarItemLabel.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
 interface TabBarItemLabelProps {
     color: ColorValue;
-    label?: string;
+    label?: string | undefined;
     style: StyleProp<ViewStyle>;
     icon: React.ReactNode;
 }

package/lib/typescript/src/TabBarItemLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarItemLabel.d.ts","sourceRoot":"","sources":["../../../src/TabBarItemLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,4DACM,oBAAoB,oDAkBrD,CAAC"}
+{"version":3,"file":"TabBarItemLabel.d.ts","sourceRoot":"","sources":["../../../src/TabBarItemLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,4DACM,oBAAoB,oDAkBrD,CAAC"}

package/lib/typescript/src/TabView.d.ts

@@ -18,9 +18,9 @@ export type Props<T extends Route> = AdapterCommonProps & {
      *
      * Unlike `onIndexChange`, this is called regardless of whether the index changed or not.
      */
-    onTabSelect?: (props: {
+    onTabSelect?: ((props: {
         index: number;
-    }) => void;
+    }) => void) | undefined;
     /**
      * State for the tab view containing the current index and routes.
      *
@@ -40,16 +40,16 @@ export type Props<T extends Route> = AdapterCommonProps & {
      * Callback which returns a custom placeholder element.
      * The placeholder is shown when a scene is not yet loaded when `lazy` is enabled.
      */
-    renderLazyPlaceholder?: (props: {
+    renderLazyPlaceholder?: ((props: {
         route: T;
-    }) => React.ReactNode;
+    }) => React.ReactNode) | undefined;
     /**
      * Callback which returns a custom tab bar element to display.
      */
-    renderTabBar?: (props: SceneRendererProps & EventEmitterProps & {
+    renderTabBar?: ((props: SceneRendererProps & EventEmitterProps & {
         navigationState: NavigationState<T>;
         options: Record<string, TabDescriptor<T>> | undefined;
-    }) => React.ReactNode;
+    }) => React.ReactNode) | undefined;
     /**
      * Callback which returns a custom adapter to use for the tab view.
      * Adapters are responsible for handling gestures and animations between tabs.
@@ -61,12 +61,12 @@ export type Props<T extends Route> = AdapterCommonProps & {
      *
      * Defaults to `PagerViewAdapter` on Android and iOS, and `PanResponderAdapter` on other platforms.
      */
-    renderAdapter?: (props: AdapterProps) => React.ReactElement;
+    renderAdapter?: ((props: AdapterProps) => React.ReactElement) | undefined;
     /**
      * Position of the tab bar in the tab view.
      * Defaults to `'top'`.
      */
-    tabBarPosition?: 'top' | 'bottom';
+    tabBarPosition?: 'top' | 'bottom' | undefined;
     /**
      * Whether to lazily render the scenes.
      * When enabled, scenes are rendered only when they come into view.
@@ -76,27 +76,27 @@ export type Props<T extends Route> = AdapterCommonProps & {
      */
     lazy?: ((props: {
         route: T;
-    }) => boolean) | boolean;
+    }) => boolean) | boolean | undefined;
     /**
      * How many screens to preload when `lazy` is enabled.
      *
      * Defaults to `0`.
      */
-    lazyPreloadDistance?: number;
+    lazyPreloadDistance?: number | undefined;
     /**
      * The layout direction of the tab view.
      *
      * Defaults to the app's locale direction (RTL or LTR).
      */
-    direction?: LocaleDirection;
+    direction?: LocaleDirection | undefined;
     /**
      * Style to apply to the pager container.
      */
-    pagerStyle?: StyleProp<ViewStyle>;
+    pagerStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Style to apply to the tab view container.
      */
-    style?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle> | undefined;
     /**
      * Callback which returns a React element to render for each route.
      */
@@ -115,13 +115,13 @@ export type Props<T extends Route> = AdapterCommonProps & {
      *
      * These options are merged with `commonOptions`.
      */
-    options?: Record<string, TabDescriptor<T>>;
+    options?: Record<string, TabDescriptor<T>> | undefined;
     /**
      * Options that apply to all tabs.
      *
      * Individual tab options from `options` will override these.
      */
-    commonOptions?: TabDescriptor<T>;
+    commonOptions?: TabDescriptor<T> | undefined;
 };
 export declare function TabView<T extends Route>({ onIndexChange, onTabSelect, navigationState, renderScene, keyboardDismissMode, lazy, lazyPreloadDistance, onSwipeStart, onSwipeEnd, renderLazyPlaceholder, renderTabBar, renderAdapter, pagerStyle, style, direction, swipeEnabled, tabBarPosition, animationEnabled, options: sceneOptions, commonOptions, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TabView.d.ts.map

package/lib/typescript/src/TabView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabView.d.ts","sourceRoot":"","sources":["../../../src/TabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EACV,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,KAAK,EACL,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,kBAAkB,GAAG;IACxD;;;;;;;;OAQG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjD;;;;;;;;;;;;;OAaG;IACH,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,kBAAkB,GACvB,iBAAiB,GAAG;QAClB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;QACpC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;KACvD,KACA,KAAK,CAAC,SAAS,CAAC;IACrB;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,YAAY,CAAC;IAC5D;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAClC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;IACpD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3E;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CAClC,CAAC;AAIF,wBAAgB,OAAO,CAAC,CAAC,SAAS,KAAK,EAAE,EACvC,aAAa,EACb,WAAW,EACX,eAAe,EACf,WAAW,EACX,mBAA4B,EAC5B,IAAY,EACZ,mBAAuB,EACvB,YAAY,EACZ,UAAU,EACV,qBAAoD,EAEpD,YAA+C,EAE/C,aAA+C,EAC/C,UAAU,EACV,KAAK,EACL,SAA4D,EAC5D,YAAmB,EACnB,cAAsB,EACtB,gBAAuB,EACvB,OAAO,EAAE,YAAY,EACrB,aAAa,GACd,EAAE,KAAK,CAAC,CAAC,CAAC,2CAgGV"}
+{"version":3,"file":"TabView.d.ts","sourceRoot":"","sources":["../../../src/TabView.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/types.d.ts

@@ -1,40 +1,40 @@
 import * as React from 'react';
 import type { Animated, ColorValue, StyleProp, TextStyle, ViewStyle } from 'react-native';
 export type TabDescriptor<T extends Route> = {
-    accessibilityLabel?: string;
-    accessible?: boolean;
-    testID?: string;
-    labelText?: string;
-    labelAllowFontScaling?: boolean;
-    href?: string;
-    label?: (props: {
+    accessibilityLabel?: string | undefined;
+    accessible?: boolean | undefined;
+    testID?: string | undefined;
+    labelText?: string | undefined;
+    labelAllowFontScaling?: boolean | undefined;
+    href?: string | undefined;
+    label?: ((props: {
         route: T;
-        labelText?: string;
+        labelText?: string | undefined;
         focused: boolean;
         color: ColorValue;
-        allowFontScaling?: boolean;
-        style?: StyleProp<TextStyle>;
-    }) => React.ReactNode;
-    labelStyle?: StyleProp<TextStyle>;
-    icon?: (props: {
+        allowFontScaling?: boolean | undefined;
+        style?: StyleProp<TextStyle> | undefined;
+    }) => React.ReactNode) | undefined;
+    labelStyle?: StyleProp<TextStyle> | undefined;
+    icon?: ((props: {
         route: T;
         focused: boolean;
         color: ColorValue;
         size: number;
-    }) => React.ReactNode;
-    badge?: (props: {
+    }) => React.ReactNode) | undefined;
+    badge?: ((props: {
         route: T;
-    }) => React.ReactElement;
-    sceneStyle?: StyleProp<ViewStyle>;
+    }) => React.ReactElement) | undefined;
+    sceneStyle?: StyleProp<ViewStyle> | undefined;
 };
 export type LocaleDirection = 'ltr' | 'rtl';
 export type Route = {
     key: string;
-    icon?: string;
-    title?: string;
-    accessible?: boolean;
-    accessibilityLabel?: string;
-    testID?: string;
+    icon?: string | undefined;
+    title?: string | undefined;
+    accessible?: boolean | undefined;
+    accessibilityLabel?: string | undefined;
+    testID?: string | undefined;
 };
 export type Event = {
     defaultPrevented: boolean;
@@ -69,35 +69,35 @@ export type AdapterCommonProps = {
      * - 'on-drag' - the keyboard is dismissed when a drag begins
      * - 'none' - drags and tab changes do not dismiss the keyboard
      */
-    keyboardDismissMode?: 'none' | 'on-drag' | 'auto';
+    keyboardDismissMode?: 'none' | 'on-drag' | 'auto' | undefined;
     /**
      * Whether swiping between tabs is enabled.
      */
-    swipeEnabled?: boolean;
+    swipeEnabled?: boolean | undefined;
     /**
      * Whether the tab switch animation is enabled.
      * If set to false, the tab switch will happen immediately without animation.
      */
-    animationEnabled?: boolean;
+    animationEnabled?: boolean | undefined;
     /**
      * Callback that is called when the swipe gesture starts.
      */
-    onSwipeStart?: () => void;
+    onSwipeStart?: (() => void) | undefined;
     /**
      * Callback that is called when the swipe gesture ends.
      */
-    onSwipeEnd?: () => void;
+    onSwipeEnd?: (() => void) | undefined;
     /**
      * Callback that is called when a tab is selected.
      * This is called regardless of whether the index has changed or not.
      */
-    onTabSelect?: (props: {
+    onTabSelect?: ((props: {
         index: number;
-    }) => void;
+    }) => void) | undefined;
     /**
      * Style for the pager adapter.
      */
-    style?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle> | undefined;
 };
 export type AdapterRendererProps = {
     /**
@@ -112,7 +112,7 @@ export type AdapterRendererProps = {
      * The writing direction of the layout.
      * This can be 'ltr' or 'rtl' based on tab view's `direction` prop.
      */
-    layoutDirection?: LocaleDirection;
+    layoutDirection?: LocaleDirection | undefined;
     /**
      * Render callback that should render the pages of the tab view.
      */

package/lib/typescript/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-tab-view",
   "description": "Tab view component for React Native",
-  "version": "5.0.0-alpha.2",
+  "version": "5.0.0-alpha.4",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -48,17 +48,17 @@
   },
   "devDependencies": {
     "@jest/globals": "^30.0.0",
-    "@testing-library/react-native": "^13.2.1",
+    "@testing-library/react-native": "^13.3.3",
     "del-cli": "^6.0.0",
-    "react": "19.1.0",
-    "react-native": "0.81.4",
+    "react": "19.2.0",
+    "react-native": "0.83.2",
     "react-native-builder-bob": "^0.40.12",
     "react-native-pager-view": "^8.0.0",
-    "react-test-renderer": "19.1.0",
+    "react-test-renderer": "19.2.0",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "react": ">= 19.0.0",
+    "react": ">= 19.2.0",
     "react-native": "*",
     "react-native-pager-view": ">= 7.0.0"
   },
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "faad2ee23945a5a27090cfb837a35d1db25147ab"
+  "gitHead": "1f1525607d00eb924e466889ec0e703a3f5474b7"
 }

package/src/PlatformPressable.tsx

@@ -8,12 +8,16 @@ import {
 } from 'react-native';
 
 export type Props = Omit<PressableProps, 'onPress'> & {
-  href?: string;
-  pressColor?: ColorValue;
-  pressOpacity?: number;
-  onPress?: (
-    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent
-  ) => void;
+  href?: string | undefined;
+  pressColor?: ColorValue | undefined;
+  pressOpacity?: number | undefined;
+  onPress?:
+    | ((
+        e:
+          | React.MouseEvent<HTMLAnchorElement, MouseEvent>
+          | GestureResponderEvent
+      ) => void)
+    | undefined;
   children: React.ReactNode;
 };
 

package/src/SceneView.tsx

@@ -78,6 +78,8 @@ export function SceneView<T extends Route>({
   const ref = React.useRef<View>(null);
 
   React.useLayoutEffect(() => {
+    let unsubscribe: (() => void) | undefined;
+
     const element = ref.current;
 
     if (
@@ -91,8 +93,20 @@ export function SceneView<T extends Route>({
       } else {
         element.setAttribute('inert', '');
       }
+
+      // Remove inert as soon as the view is in viewport
+      // This will allow quick interaction after swiping
+      unsubscribe = subscribe((event) => {
+        if (event.type === 'enter' && event.index === index) {
+          element.removeAttribute('inert');
+        }
+      });
     }
-  }, [isFocused]);
+
+    return () => {
+      unsubscribe?.();
+    };
+  }, [index, isFocused, subscribe]);
 
   return (
     <View ref={ref} aria-hidden={!isFocused} style={[styles.route, style]}>

package/src/TabBar.tsx

@@ -13,9 +13,7 @@ import {
   StyleSheet,
   View,
   type ViewStyle,
-  type ViewToken,
 } from 'react-native';
-import useLatestCallback from 'use-latest-callback';
 
 import {
   type Props as IndicatorProps,
@@ -38,28 +36,30 @@ import { useMeasureLayout } from './useMeasureLayout';
 export type Props<T extends Route> = SceneRendererProps &
   EventEmitterProps & {
     navigationState: NavigationState<T>;
-    scrollEnabled?: boolean;
-    bounces?: boolean;
-    activeColor?: ColorValue;
-    inactiveColor?: ColorValue;
-    pressColor?: ColorValue;
-    pressOpacity?: number;
-    options?: Record<string, TabDescriptor<T>>;
-    renderIndicator?: (props: IndicatorProps<T>) => React.ReactNode;
-    renderTabBarItem?: (
-      props: TabBarItemProps<T> & { key: string }
-    ) => React.ReactElement;
-    onTabPress?: (scene: Scene<T> & Event) => void;
-    onTabLongPress?: (scene: Scene<T>) => void;
-    tabStyle?: StyleProp<ViewStyle>;
-    indicatorStyle?: StyleProp<ViewStyle>;
-    indicatorContainerStyle?: StyleProp<ViewStyle>;
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    style?: StyleProp<ViewStyle>;
-    direction?: LocaleDirection;
-    gap?: number;
-    testID?: string;
-    android_ripple?: PressableAndroidRippleConfig;
+    scrollEnabled?: boolean | undefined;
+    bounces?: boolean | undefined;
+    activeColor?: ColorValue | undefined;
+    inactiveColor?: ColorValue | undefined;
+    pressColor?: ColorValue | undefined;
+    pressOpacity?: number | undefined;
+    options?: Record<string, TabDescriptor<T>> | undefined;
+    renderIndicator?:
+      | ((props: IndicatorProps<T>) => React.ReactNode)
+      | undefined;
+    renderTabBarItem?:
+      | ((props: TabBarItemProps<T> & { key: string }) => React.ReactElement)
+      | undefined;
+    onTabPress?: ((scene: Scene<T> & Event) => void) | undefined;
+    onTabLongPress?: ((scene: Scene<T>) => void) | undefined;
+    tabStyle?: StyleProp<ViewStyle> | undefined;
+    indicatorStyle?: StyleProp<ViewStyle> | undefined;
+    indicatorContainerStyle?: StyleProp<ViewStyle> | undefined;
+    contentContainerStyle?: StyleProp<ViewStyle> | undefined;
+    style?: StyleProp<ViewStyle> | undefined;
+    direction?: LocaleDirection | undefined;
+    gap?: number | undefined;
+    testID?: string | undefined;
+    android_ripple?: PressableAndroidRippleConfig | undefined;
   };
 
 type CalculationOptions = {
@@ -368,7 +368,6 @@ export function TabBar<T extends Route>({
   const flatListRef = React.useRef<FlatList | null>(null);
   const isFirst = React.useRef(true);
   const scrollAmount = useAnimatedValue(0);
-  const measuredTabWidths = React.useRef<Record<string, number>>({});
   const { routes } = navigationState;
   const flattenedTabWidth = getFlattenedTabWidth(tabStyle);
   const isWidthDynamic = flattenedTabWidth === 'auto';
@@ -440,6 +439,10 @@ export function TabBar<T extends Route>({
     [direction, layout.width, scrollAmount, tabBarWidth]
   );
 
+  const measuredTabWidths = React.useRef<Record<string, number>>({});
+  const animationFrameHandle =
+    React.useRef<ReturnType<typeof requestAnimationFrame>>(null);
+
   const renderItem = React.useCallback(
     ({ item: route, index }: ListRenderItemInfo<T>) => {
       const {
@@ -454,28 +457,13 @@ export function TabBar<T extends Route>({
         ? (e: LayoutChangeEvent) => {
             measuredTabWidths.current[route.key] = e.nativeEvent.layout.width;
 
-            // When we have measured widths for all of the tabs, we should updates the state
-            // We avoid doing separate setState for each layout since it triggers multiple renders and slows down app
-            // If we have more than 10 routes divide updating tabWidths into multiple batches. Here we update only first batch of 10 items.
-            if (
-              routes.length > MEASURE_PER_BATCH &&
-              index === MEASURE_PER_BATCH &&
-              routes
-                .slice(0, MEASURE_PER_BATCH)
-                .every(
-                  (r) => typeof measuredTabWidths.current[r.key] === 'number'
-                )
-            ) {
-              setTabWidths({ ...measuredTabWidths.current });
-            } else if (
-              routes.every(
-                (r) => typeof measuredTabWidths.current[r.key] === 'number'
-              )
-            ) {
-              // When we have measured widths for all of the tabs, we should updates the state
-              // We avoid doing separate setState for each layout since it triggers multiple renders and slows down app
-              setTabWidths({ ...measuredTabWidths.current });
+            if (animationFrameHandle.current != null) {
+              cancelAnimationFrame(animationFrameHandle.current);
             }
+
+            animationFrameHandle.current = requestAnimationFrame(() => {
+              setTabWidths({ ...measuredTabWidths.current });
+            });
           }
         : undefined;
 
@@ -598,25 +586,6 @@ export function TabBar<T extends Route>({
     [scrollAmount]
   );
 
-  const handleViewableItemsChanged = useLatestCallback(
-    ({ changed }: { changed: ViewToken[] }) => {
-      if (routes.length <= MEASURE_PER_BATCH) {
-        return;
-      }
-      // Get next vievable item
-      const item = changed[changed.length - 1];
-      const index = item?.index || 0;
-      if (
-        item.isViewable &&
-        (index % 10 === 0 ||
-          index === navigationState.index ||
-          index === routes.length - 1)
-      ) {
-        setTabWidths({ ...measuredTabWidths.current });
-      }
-    }
-  );
-
   return (
     <Animated.View
       ref={containerRef}
@@ -671,7 +640,6 @@ export function TabBar<T extends Route>({
           scrollEnabled={scrollEnabled}
           bounces={bounces}
           initialNumToRender={MEASURE_PER_BATCH}
-          onViewableItemsChanged={handleViewableItemsChanged}
           alwaysBounceHorizontal={false}
           scrollsToTop={false}
           showsHorizontalScrollIndicator={false}