@react-navigation/bottom-tabs 7.9.0 → 8.0.0-alpha.0

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

@@ -1,16 +1,15 @@
 import type { HeaderOptions, PlatformPressable } from '@react-navigation/elements';
 import type { DefaultNavigatorOptions, Descriptor, NavigationHelpers, NavigationProp, ParamListBase, RouteProp, TabActionHelpers, TabNavigationState, TabRouterOptions, Theme } from '@react-navigation/native';
 import type * as React from 'react';
-import type { Animated, GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { EdgeInsets } from 'react-native-safe-area-context';
-export type Layout = {
-    width: number;
-    height: number;
-};
+import type { Animated, ColorValue, GestureResponderEvent, ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { BottomTabsScreenBlurEffect, BottomTabsSystemItem, ScrollEdgeEffect, TabBarControllerMode, TabBarItemLabelVisibilityMode, TabBarMinimizeBehavior } from 'react-native-screens';
+import type { SFSymbol } from 'sf-symbols-typescript';
 export type Variant = 'uikit' | 'material';
 export type BottomTabNavigationEventMap = {
     /**
      * Event which fires on tapping on the tab in the tab bar.
+     *
+     * Preventing default is only supported with `custom` implementation.
      */
     tabPress: {
         data: undefined;
@@ -18,6 +17,8 @@ export type BottomTabNavigationEventMap = {
     };
     /**
      * Event which fires on long press on the tab in the tab bar.
+     *
+     * Only supported with `custom` implementation.
      */
     tabLongPress: {
         data: undefined;
@@ -37,12 +38,12 @@ export type BottomTabNavigationEventMap = {
 };
 export type LabelPosition = 'beside-icon' | 'below-icon';
 export type BottomTabNavigationHelpers = NavigationHelpers<ParamListBase, BottomTabNavigationEventMap> & TabActionHelpers<ParamListBase>;
-export type BottomTabNavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = NavigationProp<ParamList, RouteName, NavigatorID, TabNavigationState<ParamList>, BottomTabNavigationOptions, BottomTabNavigationEventMap> & TabActionHelpers<ParamList>;
-export type BottomTabScreenProps<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = {
-    navigation: BottomTabNavigationProp<ParamList, RouteName, NavigatorID>;
+export type BottomTabNavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList> = NavigationProp<ParamList, RouteName, TabNavigationState<ParamList>, BottomTabNavigationOptions, BottomTabNavigationEventMap, TabActionHelpers<ParamList>>;
+export type BottomTabScreenProps<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList> = {
+    navigation: BottomTabNavigationProp<ParamList, RouteName>;
     route: RouteProp<ParamList, RouteName>;
 };
-export type BottomTabOptionsArgs<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = BottomTabScreenProps<ParamList, RouteName, NavigatorID> & {
+export type BottomTabOptionsArgs<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList> = BottomTabScreenProps<ParamList, RouteName> & {
     theme: Theme;
 };
 export type TimingKeyboardAnimationConfig = {
@@ -55,105 +56,131 @@ export type SpringKeyboardAnimationConfig = {
 };
 export type TabBarVisibilityAnimationConfig = TimingKeyboardAnimationConfig | SpringKeyboardAnimationConfig;
 export type TabAnimationName = 'none' | 'fade' | 'shift';
-export type BottomTabNavigationOptions = HeaderOptions & {
+type IconImage = {
     /**
-     * Title text for the screen.
+     * - `image` - Use a local image as the icon.
      */
-    title?: string;
+    type: 'image';
+    /**
+     * Image source to use as the icon.
+     * e.g., `require('./path/to/image.png')`
+     */
+    source: ImageSourcePropType;
     /**
-     * Title string of a tab displayed in the tab bar
-     * or a function that given { focused: boolean, color: string, position: 'below-icon' | 'beside-icon', children: string } returns a React.Node to display in tab bar.
+     * Whether to apply tint color to the icon.
+     * Defaults to `true`.
      *
-     * When undefined, scene title is used. Use `tabBarShowLabel` to hide the label.
+     * @platform ios
      */
-    tabBarLabel?: string | ((props: {
-        focused: boolean;
-        color: string;
-        position: LabelPosition;
-        children: string;
-    }) => React.ReactNode);
+    tinted?: boolean;
+};
+type IconIOSSfSymbol = {
     /**
-     * Whether the tab label should be visible. Defaults to `true`.
+     * - `sfSymbol` - Use an SF Symbol as the icon on iOS.
      */
-    tabBarShowLabel?: boolean;
+    type: 'sfSymbol';
     /**
-     * Whether the label is shown below the icon or beside the icon.
-     *
-     * - `below-icon`: the label is shown below the icon (typical for iPhones)
-     * - `beside-icon` the label is shown next to the icon (typical for iPad)
+     * Name of the SF Symbol to use as the icon.
      *
-     * By default, the position is chosen automatically based on device width.
+     * @platform ios
      */
-    tabBarLabelPosition?: LabelPosition;
+    name: SFSymbol;
+};
+type IconAndroidDrawable = {
     /**
-     * Style object for the tab label.
+     * - `drawableResource` - Use a drawable resource as the icon on Android.
      */
-    tabBarLabelStyle?: StyleProp<TextStyle>;
+    type: 'drawableResource';
     /**
-     * Whether label font should scale to respect Text Size accessibility settings.
+     * Name of the drawable resource to use as the icon.
+     *
+     * @platform android
      */
-    tabBarAllowFontScaling?: boolean;
+    name: string;
+};
+type IconIOS = IconIOSSfSymbol | IconImage;
+type IconAndroid = IconAndroidDrawable | IconImage;
+export type BottomTabIcon = IconIOS | IconAndroid;
+type BottomTabCustomOptions = {
     /**
-     * A function that given { focused: boolean, color: string } returns a React.Node to display in the tab bar.
+     * How the screen should animate when switching tabs.
+     *
+     * Supported values:
+     * - 'none': don't animate the screen (default)
+     * - 'fade': cross-fade the screens.
+     * - 'shift': shift the screens slightly shift to left/right.
+     *
+     * Only supported with `custom` implementation.
      */
-    tabBarIcon?: (props: {
-        focused: boolean;
-        color: string;
-        size: number;
-    }) => React.ReactNode;
+    animation?: TabAnimationName;
     /**
-     * Style object for the tab icon.
+     * Function which specifies interpolated styles for bottom-tab scenes.
+     *
+     * Only supported with `custom` implementation.
      */
-    tabBarIconStyle?: StyleProp<TextStyle>;
+    sceneStyleInterpolator?: BottomTabSceneStyleInterpolator;
     /**
-     * Text to show in a badge on the tab icon.
+     * Object which specifies the animation type (timing or spring) and their options (such as duration for timing).
+     *
+     * Only supported with `custom` implementation.
      */
-    tabBarBadge?: number | string;
+    transitionSpec?: TransitionSpec;
     /**
-     * Custom style for the tab bar badge.
-     * You can specify a background color or text color here.
+     * Whether the label is shown below the icon or beside the icon.
+     *
+     * - `below-icon`: the label is shown below the icon (typical for iPhones)
+     * - `beside-icon` the label is shown next to the icon (typical for iPad)
+     *
+     * By default, the position is chosen automatically based on device width.
+     *
+     * Only supported with `custom` implementation.
      */
-    tabBarBadgeStyle?: StyleProp<TextStyle>;
+    tabBarLabelPosition?: LabelPosition;
+    /**
+     * Whether label font should scale to respect Text Size accessibility settings.
+     *
+     * Defaults to `true`.
+     *
+     * Only supported with `custom` implementation.
+     */
+    tabBarAllowFontScaling?: boolean;
     /**
      * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.
      * It's recommended to set this if you don't have a label for the tab.
+     *
+     * Only supported with `custom` implementation.
      */
     tabBarAccessibilityLabel?: string;
     /**
      * ID to locate this tab button in tests.
+     *
+     * Only supported with `custom` implementation.
      */
     tabBarButtonTestID?: string;
-    /**
-     * Function which returns a React element to render as the tab bar button.
-     * Renders `PlatformPressable` by default.
-     */
-    tabBarButton?: (props: BottomTabBarButtonProps) => React.ReactNode;
-    /**
-     * Color for the icon and label in the active tab.
-     */
-    tabBarActiveTintColor?: string;
-    /**
-     * Color for the icon and label in the inactive tabs.
-     */
-    tabBarInactiveTintColor?: string;
-    /**
-     * Background color for the active tab.
-     */
-    tabBarActiveBackgroundColor?: string;
-    /**
-     * Background color for the inactive tabs.
-     */
-    tabBarInactiveBackgroundColor?: string;
     /**
      * Style object for the tab item container.
+     *
+     * Only supported with `custom` implementation.
      */
     tabBarItemStyle?: StyleProp<ViewStyle>;
     /**
-     * Whether the tab bar gets hidden when the keyboard is shown. Defaults to `false`.
+     * Style object for the tab icon.
+     *
+     * Only supported with `custom` implementation.
+     */
+    tabBarIconStyle?: StyleProp<TextStyle>;
+    /**
+     * Whether the tab bar gets hidden when the keyboard is shown.
+     *
+     * Defaults to `false`.
+     *
+     * Only supported with `custom` implementation.
      */
     tabBarHideOnKeyboard?: boolean;
     /**
      * Animation config for showing and hiding the tab bar when the keyboard is shown/hidden.
+     *
+     * Only supported with `custom` implementation.
      */
     tabBarVisibilityAnimationConfig?: {
         show?: TabBarVisibilityAnimationConfig;
@@ -161,10 +188,14 @@ export type BottomTabNavigationOptions = HeaderOptions & {
     };
     /**
      * Variant of the tab bar. Defaults to `uikit`.
+     *
+     * Only supported with `custom` implementation.
      */
     tabBarVariant?: Variant;
     /**
      * Style object for the tab bar container.
+     *
+     * Only supported with `custom` implementation.
      */
     tabBarStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
     /**
@@ -173,61 +204,297 @@ export type BottomTabNavigationOptions = HeaderOptions & {
      *
      * When using `BlurView`, make sure to set `position: 'absolute'` in `tabBarStyle` as well.
      * You'd also need to use `useBottomTabBarHeight()` to add a bottom padding to your content.
+     *
+     * Only supported with `custom` implementation.
      */
     tabBarBackground?: () => React.ReactNode;
     /**
      * Position of the tab bar on the screen. Defaults to `bottom`.
+     *
+     * Only supported with `custom` implementation or if custom tab bar is provided.
      */
     tabBarPosition?: 'bottom' | 'left' | 'right' | 'top';
     /**
-     * Whether this screens should render the first time it's accessed. Defaults to `true`.
-     * Set it to `false` if you want to render the screen on initial render.
+     * Background color for the active tab.
+     *
+     * Only supported with `custom` implementation.
      */
-    lazy?: boolean;
+    tabBarActiveBackgroundColor?: ColorValue;
     /**
-     * Function that given returns a React Element to display as a header.
+     * Background color for the inactive tabs.
+     *
+     * Only supported with `custom` implementation.
      */
-    header?: (props: BottomTabHeaderProps) => React.ReactNode;
+    tabBarInactiveBackgroundColor?: ColorValue;
     /**
-     * Whether to show the header. Setting this to `false` hides the header.
-     * Defaults to `true`.
+     * Function which returns a React element to render as the tab bar button.
+     * Renders `PlatformPressable` by default.
+     *
+     * Only supported with `custom` implementation.
      */
-    headerShown?: boolean;
+    tabBarButton?: (props: BottomTabBarButtonProps) => React.ReactNode;
+};
+type BottomTabNativeOptions = {
     /**
-     * Whether any nested stack should be popped to top when navigating away from the tab.
-     * Defaults to `false`.
+     * Uses iOS built-in tab bar items with standard iOS styling and localized titles.
+     * If set to `search`, it's positioned next to the tab bar on iOS 26 and above.
+     *
+     * The `tabBarIcon` and `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.
+     *
+     * @platform ios
      */
-    popToTopOnBlur?: boolean;
+    tabBarSystemItem?: BottomTabsSystemItem;
     /**
-     * Whether inactive screens should be suspended from re-rendering. Defaults to `false`.
-     * Defaults to `true` when `enableFreeze()` is run at the top of the application.
-     * Requires `react-native-screens` version >=3.16.0.
+     * Blur effect applied to the tab bar when tab screen is selected.
+     *
+     * Works with backgroundColor's alpha < 1.
+     *
+     * The following values are currently supported:
+     *
+     * - `none` - disables blur effect
+     * - `systemDefault` - uses UIKit's default tab bar blur effect
+     * - one of styles mapped from UIKit's UIBlurEffectStyle, e.g. `systemUltraThinMaterial`
+     *
+     * Defaults to `systemDefault`.
+     *
+     * Complete list of possible blur effect styles is available in the official UIKit documentation:
+     * @see {@link https://developer.apple.com/documentation/uikit/uiblureffect/style|UIBlurEffect.Style}
      *
-     * Only supported on iOS and Android.
+     * Only supported on iOS 18 and lower.
+     *
+     * @platform ios
      */
-    freezeOnBlur?: boolean;
+    tabBarBlurEffect?: BottomTabsScreenBlurEffect;
     /**
-     * Style object for the component wrapping the screen content.
+     * Minimize behavior for the tab bar.
+     *
+     * The following values are currently supported:
+     *
+     * - `auto` - resolves to the system default minimize behavior
+     * - `never` - the tab bar does not minimize
+     * - `onScrollDown` - the tab bar minimizes when scrolling down and
+     *   expands when scrolling back up
+     * - `onScrollUp` - the tab bar minimizes when scrolling up and expands
+     *   when scrolling back down
+     *
+     * Defaults to `auto`.
+     *
+     * The supported values correspond to the official UIKit documentation:
+     * @see {@link https://developer.apple.com/documentation/uikit/uitabbarcontroller/minimizebehavior|UITabBarController.MinimizeBehavior}
+     *
+     * Available starting from iOS 26.
+     *
+     * @platform ios
      */
-    sceneStyle?: StyleProp<ViewStyle>;
+    tabBarMinimizeBehavior?: TabBarMinimizeBehavior;
     /**
-     * How the screen should animate when switching tabs.
+     * Background color of the active indicator.
      *
-     * Supported values:
-     * - 'none': don't animate the screen (default)
-     * - 'fade': cross-fade the screens.
-     * - 'shift': shift the screens slightly shift to left/right.
+     * Only supported with `native` implementation.
+     *
+     * @platform android
      */
-    animation?: TabAnimationName;
+    tabBarActiveIndicatorColor?: ColorValue;
     /**
-     * Function which specifies interpolated styles for bottom-tab scenes.
+     * Specifies if the active indicator should be used. Defaults to `true`.
+     *
+     * Only supported with `native` implementation.
+     *
+     * @platform android
      */
-    sceneStyleInterpolator?: BottomTabSceneStyleInterpolator;
+    tabBarActiveIndicatorEnabled?: boolean;
     /**
-     * Object which specifies the animation type (timing or spring) and their options (such as duration for timing).
+     * Function which returns a React element to display as an accessory view.
+     *
+     * Accepts a `placement` parameter which can be one of the following values:
+     * - `regular` - at bottom of the screen, above the tab bar if tab bar is at the bottom
+     * - `inline` - inline with the collapsed bottom tab bar (e.g. when minimized based on `tabBarMinimizeBehavior`)
+     *
+     * Note: the content is rendered twice for both placements, but only one is visible at a time based on the tab bar state.
+     * Any shared state should be stored outside of the component to keep both versions in sync.
+     *
+     * Available starting from iOS 26.
+     *
+     * Only supported with `native` implementation.
+     *
+     * @platform ios
      */
-    transitionSpec?: TransitionSpec;
+    bottomAccessory?: (options: {
+        placement: 'regular' | 'inline';
+    }) => React.ReactNode;
+    /**
+     * Configures the scroll edge effect for the _content ScrollView_ (the ScrollView that is present in first descendants chain of the Screen).
+     * Depending on values set, it will blur the scrolling content below certain UI elements (header items, search bar)
+     * for the specified edge of the ScrollView.
+     *
+     * When set in nested containers, i.e. Native Stack inside Native Bottom Tabs, or the other way around,
+     * the ScrollView will use only the innermost one's config.
+     *
+     * **Note:** Using both `headerBlurEffect` and `scrollEdgeEffects` (>= iOS 26) simultaneously may cause overlapping effects.
+     *
+     * Edge effects can be configured for each edge separately. The following values are currently supported:
+     *
+     * - `automatic` - the automatic scroll edge effect style,
+     * - `hard` - a scroll edge effect with a hard cutoff and dividing line,
+     * - `soft` - a soft-edged scroll edge effect,
+     * - `hidden` - no scroll edge effect.
+     *
+     * Defaults to `automatic` for each edge.
+     *
+     * Available starting from iOS 26.
+     *
+     * Only supported with `native` implementation.
+     *
+     * @platform ios
+     */
+    scrollEdgeEffects?: {
+        bottom?: ScrollEdgeEffect;
+        left?: ScrollEdgeEffect;
+        right?: ScrollEdgeEffect;
+        top?: ScrollEdgeEffect;
+    };
 };
+export type BottomTabNavigationOptions = {
+    /**
+     * Title text for the screen.
+     */
+    title?: string;
+    /**
+     * Title string of the tab displayed in the tab bar
+     *
+     * Overrides the label provided by `tabBarSystemItem` on iOS.
+     *
+     * If not provided, or set to `undefined`:
+     * - The system values are used if `tabBarSystemItem` is set on iOS.
+     * - Otherwise, it falls back to the `title` or route name.
+     */
+    tabBarLabel?: string;
+    /**
+     * Label visibility mode for the tab bar items.
+     *
+     * The following values are currently supported:
+     *
+     * - `auto` - decided based on platform and implementation
+     * - `labeled` - labels are always shown
+     * - `unlabeled` - labels are never shown
+     * - `selected` - labels shown only for selected tab (only supported on Android with `native` implementation)
+     *
+     * Defaults to `auto`.
+     *
+     * Supported on all platforms with `custom` implementation.
+     * Only supported on Android with `native` implementation.
+     */
+    tabBarLabelVisibilityMode?: TabBarItemLabelVisibilityMode;
+    /**
+     * Style object for the tab label.
+     */
+    tabBarLabelStyle?: Pick<TextStyle, 'fontFamily' | 'fontSize' | 'fontWeight' | 'fontStyle'>;
+    /**
+     * Icon to display for the tab.
+     *
+     * Overrides the icon provided by `tabBarSystemItem` on iOS with native implementation.
+     *
+     * Providing different icon for focused and unfocused states is supported:
+     * - on all platforms with `custom` implementation
+     * - on iOS with `native` implementation
+     *
+     * A React element is only supported with `custom` implementation.
+     */
+    tabBarIcon?: BottomTabIcon | ((props: {
+        focused: boolean;
+        color: ColorValue;
+        size: number;
+    }) => BottomTabIcon | React.ReactNode);
+    /**
+     * Text to show in a badge on the tab icon.
+     */
+    tabBarBadge?: number | string;
+    /**
+     * Custom style for the tab bar badge.
+     * You can specify a background color or text color here.
+     *
+     * @platform android
+     */
+    tabBarBadgeStyle?: {
+        backgroundColor?: ColorValue;
+        color?: ColorValue;
+    };
+    /**
+     * Color for the icon and label in the active tab.
+     */
+    tabBarActiveTintColor?: ColorValue;
+    /**
+     * Color for the icon and label in the inactive tabs.
+     */
+    tabBarInactiveTintColor?: ColorValue;
+    /**
+     * Color of tab bar item's ripple effect.
+     *
+     * @platform android
+     */
+    tabBarRippleColor?: ColorValue;
+    /**
+     * Display mode for the tab bar.
+     *
+     * Supported values:
+     * - `auto` - automatic based on the tab’s content
+     * - `tabBar` - tab items are shown in a traditional tab bar
+     * - `tabSidebar` - tab items are shown in a sidebar
+     *
+     * Supported on all platforms with `custom` implementation. By default:
+     * - `tabBar` is positioned at the bottom
+     * - `tabSidebar` is positioned on the left (LTR) or right (RTL)
+     *
+     * The `tabBarPosition` option can be used to override this in `custom` implementation.
+     *
+     * Supported on iOS 18 and above with `native` implementation.
+     * Not supported on tvOS.
+     */
+    tabBarControllerMode?: TabBarControllerMode;
+    /**
+     * Style object for the tab bar container.
+     */
+    tabBarStyle?: {
+        /**
+         * Background color of the tab bar.
+         *
+         * Only supported on Android and iOS 18 and below.
+         */
+        backgroundColor?: ColorValue;
+        /**
+         * Shadow color of the tab bar.
+         *
+         * Only supported on iOS 18 and below.
+         */
+        shadowColor?: ColorValue;
+    };
+    /**
+     * Whether this screens should render the first time it's accessed. Defaults to `true`.
+     * Set it to `false` if you want to render the screen on initial render.
+     */
+    lazy?: boolean;
+    /**
+     * Whether any nested stack should be popped to top when navigating away from the tab.
+     * Defaults to `false`.
+     */
+    popToTopOnBlur?: boolean;
+    /**
+     * Style object for the component wrapping the screen content.
+     */
+    sceneStyle?: StyleProp<ViewStyle>;
+    /**
+     * Function that returns a React Element to display as a header.
+     */
+    header?: (props: BottomTabHeaderProps) => React.ReactNode;
+    /**
+     * Whether to show the header.
+     *
+     * Defaults to `false` unless a header is provided.
+     */
+    headerShown?: boolean;
+} & HeaderOptions & BottomTabNativeOptions & BottomTabCustomOptions;
 export type BottomTabDescriptor = Descriptor<BottomTabNavigationOptions, BottomTabNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
 export type BottomTabDescriptorMap = Record<string, BottomTabDescriptor>;
 export type BottomTabSceneInterpolationProps = {
@@ -274,31 +541,32 @@ export type BottomTabTransitionPreset = {
 };
 export type BottomTabNavigationConfig = {
     /**
-     * Function that returns a React element to display as the tab bar.
+     * The implementation to use for rendering the bottom tabs.
+     *
+     * - `native`: uses native platform bottom tabs on Android and iOS.
+     * - `custom`: uses a custom JavaScript implementation for all platforms.
+     *
+     * Some feature may not be available depending on the implementation used.
+     *
+     * Defaults to `native` on Android and iOS.
+     *
+     * On other platforms, it's always `custom` and this option has no effect.
      */
-    tabBar?: (props: BottomTabBarProps) => React.ReactNode;
+    implementation?: 'native' | 'custom';
     /**
-     * Safe area insets for the tab bar. This is used to avoid elements like the navigation bar on Android and bottom safe area on iOS.
-     * By default, the device's safe area insets are automatically detected. You can override the behavior with this option.
+     * Function that returns a React element to display as the tab bar.
      */
-    safeAreaInsets?: {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    };
+    tabBar?: (props: BottomTabBarProps) => React.ReactNode;
     /**
      * Whether inactive screens should be detached from the view hierarchy to save memory.
-     * Make sure to call `enableScreens` from `react-native-screens` to make it work.
-     * Defaults to `true` on Android.
+     *
+     * Defaults to `true`.
+     *
+     * Only supported with `custom` implementation.
      */
     detachInactiveScreens?: boolean;
 };
 export type BottomTabHeaderProps = {
-    /**
-     * Layout of the screen.
-     */
-    layout: Layout;
     /**
      * Options for the current screen.
      */
@@ -316,7 +584,6 @@ export type BottomTabBarProps = {
     state: TabNavigationState<ParamListBase>;
     descriptors: BottomTabDescriptorMap;
     navigation: NavigationHelpers<ParamListBase, BottomTabNavigationEventMap>;
-    insets: EdgeInsets;
 };
 export type BottomTabBarButtonProps = Omit<React.ComponentProps<typeof PlatformPressable>, 'style'> & {
     href?: string;
@@ -324,5 +591,6 @@ export type BottomTabBarButtonProps = Omit<React.ComponentProps<typeof PlatformP
     style?: StyleProp<ViewStyle>;
     onPress?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent) => void;
 };
-export type BottomTabNavigatorProps = DefaultNavigatorOptions<ParamListBase, string | undefined, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, BottomTabNavigationProp<ParamListBase>> & TabRouterOptions & BottomTabNavigationConfig;
+export type BottomTabNavigatorProps = DefaultNavigatorOptions<ParamListBase, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, BottomTabNavigationProp<ParamListBase>> & TabRouterOptions & BottomTabNavigationConfig;
+export {};
 //# sourceMappingURL=types.d.ts.map