@react-navigation/bottom-tabs 6.4.1 → 6.5.0

package/lib/commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { HeaderOptions } from '@react-navigation/elements';\nimport type {\n  Descriptor,\n  NavigationHelpers,\n  NavigationProp,\n  ParamListBase,\n  RouteProp,\n  TabActionHelpers,\n  TabNavigationState,\n} from '@react-navigation/native';\nimport type * as React from 'react';\nimport type {\n  Animated,\n  GestureResponderEvent,\n  StyleProp,\n  TextStyle,\n  TouchableWithoutFeedbackProps,\n  ViewStyle,\n} from 'react-native';\nimport type { EdgeInsets } from 'react-native-safe-area-context';\n\nexport type Layout = { width: number; height: number };\n\nexport type BottomTabNavigationEventMap = {\n  /**\n   * Event which fires on tapping on the tab in the tab bar.\n   */\n  tabPress: { data: undefined; canPreventDefault: true };\n  /**\n   * Event which fires on long press on the tab in the tab bar.\n   */\n  tabLongPress: { data: undefined };\n};\n\nexport type LabelPosition = 'beside-icon' | 'below-icon';\n\nexport type BottomTabNavigationHelpers = NavigationHelpers<\n  ParamListBase,\n  BottomTabNavigationEventMap\n> &\n  TabActionHelpers<ParamListBase>;\n\nexport type BottomTabNavigationProp<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined\n> = NavigationProp<\n  ParamList,\n  RouteName,\n  NavigatorID,\n  TabNavigationState<ParamList>,\n  BottomTabNavigationOptions,\n  BottomTabNavigationEventMap\n> &\n  TabActionHelpers<ParamList>;\n\nexport type BottomTabScreenProps<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined\n> = {\n  navigation: BottomTabNavigationProp<ParamList, RouteName, NavigatorID>;\n  route: RouteProp<ParamList, RouteName>;\n};\n\nexport type TimingKeyboardAnimationConfig = {\n  animation: 'timing';\n  config?: Omit<\n    Partial<Animated.TimingAnimationConfig>,\n    'toValue' | 'useNativeDriver'\n  >;\n};\n\nexport type SpringKeyboardAnimationConfig = {\n  animation: 'spring';\n  config?: Omit<\n    Partial<Animated.SpringAnimationConfig>,\n    'toValue' | 'useNativeDriver'\n  >;\n};\n\nexport type TabBarVisibilityAnimationConfig =\n  | TimingKeyboardAnimationConfig\n  | SpringKeyboardAnimationConfig;\n\nexport type BottomTabNavigationOptions = HeaderOptions & {\n  /**\n   * Title text for the screen.\n   */\n  title?: string;\n\n  /**\n   * Title string of a tab displayed in the tab bar\n   * or a function that given { focused: boolean, color: string, position: 'below-icon' | 'beside-icon' } returns a React.Node to display in tab bar.\n   *\n   * When undefined, scene title is used. Use `tabBarShowLabel` to hide the label.\n   */\n  tabBarLabel?:\n    | string\n    | ((props: {\n        focused: boolean;\n        color: string;\n        position: LabelPosition;\n      }) => React.ReactNode);\n\n  /**\n   * Whether the tab label should be visible. Defaults to `true`.\n   */\n  tabBarShowLabel?: boolean;\n\n  /**\n   * Whether the label is shown below the icon or beside the icon.\n   *\n   * - `below-icon`: the label is shown below the icon (typical for iPhones)\n   * - `beside-icon` the label is shown next to the icon (typical for iPad)\n   *\n   * By default, the position is chosen automatically based on device width.\n   */\n  tabBarLabelPosition?: LabelPosition;\n\n  /**\n   * Style object for the tab label.\n   */\n  tabBarLabelStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Whether label font should scale to respect Text Size accessibility settings.\n   */\n  tabBarAllowFontScaling?: boolean;\n\n  /**\n   * A function that given { focused: boolean, color: string } returns a React.Node to display in the tab bar.\n   */\n  tabBarIcon?: (props: {\n    focused: boolean;\n    color: string;\n    size: number;\n  }) => React.ReactNode;\n\n  /**\n   * Style object for the tab icon.\n   */\n  tabBarIconStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Text to show in a badge on the tab icon.\n   */\n  tabBarBadge?: number | string;\n\n  /**\n   * Custom style for the tab bar badge.\n   * You can specify a background color or text color here.\n   */\n  tabBarBadgeStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.\n   * It's recommended to set this if you don't have a label for the tab.\n   */\n  tabBarAccessibilityLabel?: string;\n\n  /**\n   * ID to locate this tab button in tests.\n   */\n  tabBarTestID?: string;\n\n  /**\n   * Function which returns a React element to render as the tab bar button.\n   * Renders `Pressable` by default.\n   */\n  tabBarButton?: (props: BottomTabBarButtonProps) => React.ReactNode;\n\n  /**\n   * Color for the icon and label in the active tab.\n   */\n  tabBarActiveTintColor?: string;\n\n  /**\n   * Color for the icon and label in the inactive tabs.\n   */\n  tabBarInactiveTintColor?: string;\n\n  /**\n   * Background color for the active tab.\n   */\n  tabBarActiveBackgroundColor?: string;\n\n  /**\n   * Background color for the inactive tabs.\n   */\n  tabBarInactiveBackgroundColor?: string;\n\n  /**\n   * Style object for the tab item container.\n   */\n  tabBarItemStyle?: StyleProp<ViewStyle>;\n\n  /**\n   * Whether the tab bar gets hidden when the keyboard is shown. Defaults to `false`.\n   */\n  tabBarHideOnKeyboard?: boolean;\n\n  /**\n   * Animation config for showing and hiding the tab bar when the keyboard is shown/hidden.\n   */\n  tabBarVisibilityAnimationConfig?: {\n    show?: TabBarVisibilityAnimationConfig;\n    hide?: TabBarVisibilityAnimationConfig;\n  };\n\n  /**\n   * Style object for the tab bar container.\n   */\n  tabBarStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;\n\n  /**\n   * Function which returns a React Element to use as background for the tab bar.\n   * You could render an image, a gradient, blur view etc.\n   *\n   * When using `BlurView`, make sure to set `position: 'absolute'` in `tabBarStyle` as well.\n   * You'd also need to use `useBottomTabBarHeight()` to add a bottom padding to your content.\n   */\n  tabBarBackground?: () => React.ReactNode;\n\n  /**\n   * Whether this screens should render the first time it's accessed. Defaults to `true`.\n   * Set it to `false` if you want to render the screen on initial render.\n   */\n  lazy?: boolean;\n\n  /**\n   * Function that given returns a React Element to display as a header.\n   */\n  header?: (props: BottomTabHeaderProps) => React.ReactNode;\n\n  /**\n   * Whether to show the header. Setting this to `false` hides the header.\n   * Defaults to `true`.\n   */\n  headerShown?: boolean;\n\n  /**\n   * Whether this screen should be unmounted when navigating away from it.\n   * Defaults to `false`.\n   */\n  unmountOnBlur?: boolean;\n\n  /**\n   * Whether inactive screens should be suspended from re-rendering. Defaults to `false`.\n   * Defaults to `true` when `enableFreeze()` is run at the top of the application.\n   * Requires `react-native-screens` version >=3.16.0.\n   *\n   * Only supported on iOS and Android.\n   */\n  freezeOnBlur?: boolean;\n};\n\nexport type BottomTabDescriptor = Descriptor<\n  BottomTabNavigationOptions,\n  BottomTabNavigationProp<ParamListBase>,\n  RouteProp<ParamListBase>\n>;\n\nexport type BottomTabDescriptorMap = Record<string, BottomTabDescriptor>;\n\nexport type BottomTabNavigationConfig = {\n  /**\n   * Function that returns a React element to display as the tab bar.\n   */\n  tabBar?: (props: BottomTabBarProps) => React.ReactNode;\n  /**\n   * 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.\n   * By default, the device's safe area insets are automatically detected. You can override the behavior with this option.\n   */\n  safeAreaInsets?: {\n    top?: number;\n    right?: number;\n    bottom?: number;\n    left?: number;\n  };\n  /**\n   * Whether inactive screens should be detached from the view hierarchy to save memory.\n   * Make sure to call `enableScreens` from `react-native-screens` to make it work.\n   * Defaults to `true` on Android.\n   */\n  detachInactiveScreens?: boolean;\n  /**\n   * Style object for the component wrapping the screen content.\n   */\n  sceneContainerStyle?: StyleProp<ViewStyle>;\n};\n\nexport type BottomTabHeaderProps = {\n  /**\n   * Layout of the screen.\n   */\n  layout: Layout;\n  /**\n   * Options for the current screen.\n   */\n  options: BottomTabNavigationOptions;\n  /**\n   * Route object for the current screen.\n   */\n  route: RouteProp<ParamListBase>;\n  /**\n   * Navigation prop for the header.\n   */\n  navigation: BottomTabNavigationProp<ParamListBase>;\n};\n\nexport type BottomTabBarProps = {\n  state: TabNavigationState<ParamListBase>;\n  descriptors: BottomTabDescriptorMap;\n  navigation: NavigationHelpers<ParamListBase, BottomTabNavigationEventMap>;\n  insets: EdgeInsets;\n};\n\nexport type BottomTabBarButtonProps = Omit<\n  TouchableWithoutFeedbackProps,\n  'onPress'\n> & {\n  to?: string;\n  children: React.ReactNode;\n  onPress?: (\n    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { HeaderOptions } from '@react-navigation/elements';\nimport type {\n  Descriptor,\n  NavigationHelpers,\n  NavigationProp,\n  ParamListBase,\n  RouteProp,\n  TabActionHelpers,\n  TabNavigationState,\n} from '@react-navigation/native';\nimport type * as React from 'react';\nimport type {\n  Animated,\n  GestureResponderEvent,\n  StyleProp,\n  TextStyle,\n  TouchableWithoutFeedbackProps,\n  ViewStyle,\n} from 'react-native';\nimport type { EdgeInsets } from 'react-native-safe-area-context';\n\nexport type Layout = { width: number; height: number };\n\nexport type BottomTabNavigationEventMap = {\n  /**\n   * Event which fires on tapping on the tab in the tab bar.\n   */\n  tabPress: { data: undefined; canPreventDefault: true };\n  /**\n   * Event which fires on long press on the tab in the tab bar.\n   */\n  tabLongPress: { data: undefined };\n};\n\nexport type LabelPosition = 'beside-icon' | 'below-icon';\n\nexport type BottomTabNavigationHelpers = NavigationHelpers<\n  ParamListBase,\n  BottomTabNavigationEventMap\n> &\n  TabActionHelpers<ParamListBase>;\n\nexport type BottomTabNavigationProp<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined\n> = NavigationProp<\n  ParamList,\n  RouteName,\n  NavigatorID,\n  TabNavigationState<ParamList>,\n  BottomTabNavigationOptions,\n  BottomTabNavigationEventMap\n> &\n  TabActionHelpers<ParamList>;\n\nexport type BottomTabScreenProps<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined\n> = {\n  navigation: BottomTabNavigationProp<ParamList, RouteName, NavigatorID>;\n  route: RouteProp<ParamList, RouteName>;\n};\n\nexport type TimingKeyboardAnimationConfig = {\n  animation: 'timing';\n  config?: Omit<\n    Partial<Animated.TimingAnimationConfig>,\n    'toValue' | 'useNativeDriver'\n  >;\n};\n\nexport type SpringKeyboardAnimationConfig = {\n  animation: 'spring';\n  config?: Omit<\n    Partial<Animated.SpringAnimationConfig>,\n    'toValue' | 'useNativeDriver'\n  >;\n};\n\nexport type TabBarVisibilityAnimationConfig =\n  | TimingKeyboardAnimationConfig\n  | SpringKeyboardAnimationConfig;\n\nexport type BottomTabNavigationOptions = HeaderOptions & {\n  /**\n   * Title text for the screen.\n   */\n  title?: string;\n\n  /**\n   * Title string of a tab displayed in the tab bar\n   * 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.\n   *\n   * When undefined, scene title is used. Use `tabBarShowLabel` to hide the label.\n   */\n  tabBarLabel?:\n    | string\n    | ((props: {\n        focused: boolean;\n        color: string;\n        position: LabelPosition;\n        children: string;\n      }) => React.ReactNode);\n\n  /**\n   * Whether the tab label should be visible. Defaults to `true`.\n   */\n  tabBarShowLabel?: boolean;\n\n  /**\n   * Whether the label is shown below the icon or beside the icon.\n   *\n   * - `below-icon`: the label is shown below the icon (typical for iPhones)\n   * - `beside-icon` the label is shown next to the icon (typical for iPad)\n   *\n   * By default, the position is chosen automatically based on device width.\n   */\n  tabBarLabelPosition?: LabelPosition;\n\n  /**\n   * Style object for the tab label.\n   */\n  tabBarLabelStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Whether label font should scale to respect Text Size accessibility settings.\n   */\n  tabBarAllowFontScaling?: boolean;\n\n  /**\n   * A function that given { focused: boolean, color: string } returns a React.Node to display in the tab bar.\n   */\n  tabBarIcon?: (props: {\n    focused: boolean;\n    color: string;\n    size: number;\n  }) => React.ReactNode;\n\n  /**\n   * Style object for the tab icon.\n   */\n  tabBarIconStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Text to show in a badge on the tab icon.\n   */\n  tabBarBadge?: number | string;\n\n  /**\n   * Custom style for the tab bar badge.\n   * You can specify a background color or text color here.\n   */\n  tabBarBadgeStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.\n   * It's recommended to set this if you don't have a label for the tab.\n   */\n  tabBarAccessibilityLabel?: string;\n\n  /**\n   * ID to locate this tab button in tests.\n   */\n  tabBarTestID?: string;\n\n  /**\n   * Function which returns a React element to render as the tab bar button.\n   * Renders `Pressable` by default.\n   */\n  tabBarButton?: (props: BottomTabBarButtonProps) => React.ReactNode;\n\n  /**\n   * Color for the icon and label in the active tab.\n   */\n  tabBarActiveTintColor?: string;\n\n  /**\n   * Color for the icon and label in the inactive tabs.\n   */\n  tabBarInactiveTintColor?: string;\n\n  /**\n   * Background color for the active tab.\n   */\n  tabBarActiveBackgroundColor?: string;\n\n  /**\n   * Background color for the inactive tabs.\n   */\n  tabBarInactiveBackgroundColor?: string;\n\n  /**\n   * Style object for the tab item container.\n   */\n  tabBarItemStyle?: StyleProp<ViewStyle>;\n\n  /**\n   * Whether the tab bar gets hidden when the keyboard is shown. Defaults to `false`.\n   */\n  tabBarHideOnKeyboard?: boolean;\n\n  /**\n   * Animation config for showing and hiding the tab bar when the keyboard is shown/hidden.\n   */\n  tabBarVisibilityAnimationConfig?: {\n    show?: TabBarVisibilityAnimationConfig;\n    hide?: TabBarVisibilityAnimationConfig;\n  };\n\n  /**\n   * Style object for the tab bar container.\n   */\n  tabBarStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;\n\n  /**\n   * Function which returns a React Element to use as background for the tab bar.\n   * You could render an image, a gradient, blur view etc.\n   *\n   * When using `BlurView`, make sure to set `position: 'absolute'` in `tabBarStyle` as well.\n   * You'd also need to use `useBottomTabBarHeight()` to add a bottom padding to your content.\n   */\n  tabBarBackground?: () => React.ReactNode;\n\n  /**\n   * Whether this screens should render the first time it's accessed. Defaults to `true`.\n   * Set it to `false` if you want to render the screen on initial render.\n   */\n  lazy?: boolean;\n\n  /**\n   * Function that given returns a React Element to display as a header.\n   */\n  header?: (props: BottomTabHeaderProps) => React.ReactNode;\n\n  /**\n   * Whether to show the header. Setting this to `false` hides the header.\n   * Defaults to `true`.\n   */\n  headerShown?: boolean;\n\n  /**\n   * Whether this screen should be unmounted when navigating away from it.\n   * Defaults to `false`.\n   */\n  unmountOnBlur?: boolean;\n\n  /**\n   * Whether inactive screens should be suspended from re-rendering. Defaults to `false`.\n   * Defaults to `true` when `enableFreeze()` is run at the top of the application.\n   * Requires `react-native-screens` version >=3.16.0.\n   *\n   * Only supported on iOS and Android.\n   */\n  freezeOnBlur?: boolean;\n};\n\nexport type BottomTabDescriptor = Descriptor<\n  BottomTabNavigationOptions,\n  BottomTabNavigationProp<ParamListBase>,\n  RouteProp<ParamListBase>\n>;\n\nexport type BottomTabDescriptorMap = Record<string, BottomTabDescriptor>;\n\nexport type BottomTabNavigationConfig = {\n  /**\n   * Function that returns a React element to display as the tab bar.\n   */\n  tabBar?: (props: BottomTabBarProps) => React.ReactNode;\n  /**\n   * 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.\n   * By default, the device's safe area insets are automatically detected. You can override the behavior with this option.\n   */\n  safeAreaInsets?: {\n    top?: number;\n    right?: number;\n    bottom?: number;\n    left?: number;\n  };\n  /**\n   * Whether inactive screens should be detached from the view hierarchy to save memory.\n   * Make sure to call `enableScreens` from `react-native-screens` to make it work.\n   * Defaults to `true` on Android.\n   */\n  detachInactiveScreens?: boolean;\n  /**\n   * Style object for the component wrapping the screen content.\n   */\n  sceneContainerStyle?: StyleProp<ViewStyle>;\n};\n\nexport type BottomTabHeaderProps = {\n  /**\n   * Layout of the screen.\n   */\n  layout: Layout;\n  /**\n   * Options for the current screen.\n   */\n  options: BottomTabNavigationOptions;\n  /**\n   * Route object for the current screen.\n   */\n  route: RouteProp<ParamListBase>;\n  /**\n   * Navigation prop for the header.\n   */\n  navigation: BottomTabNavigationProp<ParamListBase>;\n};\n\nexport type BottomTabBarProps = {\n  state: TabNavigationState<ParamListBase>;\n  descriptors: BottomTabDescriptorMap;\n  navigation: NavigationHelpers<ParamListBase, BottomTabNavigationEventMap>;\n  insets: EdgeInsets;\n};\n\nexport type BottomTabBarButtonProps = Omit<\n  TouchableWithoutFeedbackProps,\n  'onPress'\n> & {\n  to?: string;\n  children: React.ReactNode;\n  onPress?: (\n    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n};\n"],"mappings":""}

package/lib/commonjs/utils/useBottomTabBarHeight.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = useFloatingBottomTabBarHeight;
+exports.default = useBottomTabBarHeight;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -15,7 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function useFloatingBottomTabBarHeight() {
+function useBottomTabBarHeight() {
   const height = React.useContext(_BottomTabBarHeightContext.default);
 
   if (height === undefined) {

package/lib/commonjs/utils/useBottomTabBarHeight.js.map

@@ -1 +1 @@
-{"version":3,"names":["useFloatingBottomTabBarHeight","height","React","useContext","BottomTabBarHeightContext","undefined","Error"],"sources":["useBottomTabBarHeight.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport BottomTabBarHeightContext from './BottomTabBarHeightContext';\n\nexport default function useFloatingBottomTabBarHeight() {\n  const height = React.useContext(BottomTabBarHeightContext);\n\n  if (height === undefined) {\n    throw new Error(\n      \"Couldn't find the bottom tab bar height. Are you inside a screen in Bottom Tab Navigator?\"\n    );\n  }\n\n  return height;\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;AAEe,SAASA,6BAAT,GAAyC;EACtD,MAAMC,MAAM,GAAGC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAAf;;EAEA,IAAIH,MAAM,KAAKI,SAAf,EAA0B;IACxB,MAAM,IAAIC,KAAJ,CACJ,2FADI,CAAN;EAGD;;EAED,OAAOL,MAAP;AACD"}
+{"version":3,"names":["useBottomTabBarHeight","height","React","useContext","BottomTabBarHeightContext","undefined","Error"],"sources":["useBottomTabBarHeight.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport BottomTabBarHeightContext from './BottomTabBarHeightContext';\n\nexport default function useBottomTabBarHeight() {\n  const height = React.useContext(BottomTabBarHeightContext);\n\n  if (height === undefined) {\n    throw new Error(\n      \"Couldn't find the bottom tab bar height. Are you inside a screen in Bottom Tab Navigator?\"\n    );\n  }\n\n  return height;\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;AAEe,SAASA,qBAAT,GAAiC;EAC9C,MAAMC,MAAM,GAAGC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAAf;;EAEA,IAAIH,MAAM,KAAKI,SAAf,EAA0B;IACxB,MAAM,IAAIC,KAAJ,CACJ,2FADI,CAAN;EAGD;;EAED,OAAOL,MAAP;AACD"}

package/lib/commonjs/views/BottomTabBar.js

@@ -306,6 +306,7 @@ function BottomTabBar(_ref3) {
       value: route
     }, /*#__PURE__*/_react.default.createElement(_BottomTabItem.default, {
       route: route,
+      descriptor: descriptors[route.key],
       focused: focused,
       horizontal: hasHorizontalLabels,
       onPress: onPress,

package/lib/commonjs/views/BottomTabBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_TABBAR_HEIGHT","COMPACT_TABBAR_HEIGHT","DEFAULT_MAX_TAB_ITEM_WIDTH","useNativeDriver","Platform","OS","shouldUseHorizontalLabels","state","descriptors","layout","dimensions","tabBarLabelPosition","routes","index","key","options","width","maxTabWidth","reduce","acc","route","tabBarItemStyle","flattenedStyle","StyleSheet","flatten","maxWidth","height","getPaddingBottom","insets","Math","max","bottom","select","ios","default","getTabBarHeight","style","rest","customHeight","isLandscape","horizontalLabels","paddingBottom","isPad","BottomTabBar","navigation","colors","useTheme","buildLink","useLinkBuilder","focusedRoute","focusedDescriptor","focusedOptions","tabBarShowLabel","tabBarHideOnKeyboard","tabBarVisibilityAnimationConfig","tabBarStyle","tabBarBackground","tabBarActiveTintColor","tabBarInactiveTintColor","tabBarActiveBackgroundColor","tabBarInactiveBackgroundColor","useSafeAreaFrame","isKeyboardShown","useIsKeyboardShown","onHeightChange","React","useContext","BottomTabBarHeightCallbackContext","shouldShowTabBar","visibilityAnimationConfigRef","useRef","useEffect","current","isTabBarHidden","setIsTabBarHidden","useState","visible","Animated","Value","visibilityAnimationConfig","animation","show","spring","timing","toValue","duration","config","start","finished","hide","stopAnimation","setLayout","handleLayout","e","nativeEvent","tabBarHeight","hasHorizontalLabels","tabBarBackgroundElement","styles","tabBar","backgroundColor","card","borderTopColor","border","transform","translateY","interpolate","inputRange","outputRange","hairlineWidth","position","paddingHorizontal","left","right","absoluteFill","content","map","focused","onPress","event","emit","type","target","canPreventDefault","defaultPrevented","dispatch","CommonActions","navigate","name","merge","onLongPress","label","tabBarLabel","undefined","title","accessibilityLabel","tabBarAccessibilityLabel","length","params","tabBarTestID","tabBarAllowFontScaling","tabBarButton","tabBarIcon","color","size","tabBarBadge","tabBarBadgeStyle","tabBarLabelStyle","tabBarIconStyle","create","borderTopWidth","elevation","flex","flexDirection"],"sources":["BottomTabBar.tsx"],"sourcesContent":["import { MissingIcon } from '@react-navigation/elements';\nimport {\n  CommonActions,\n  NavigationContext,\n  NavigationRouteContext,\n  ParamListBase,\n  TabNavigationState,\n  useLinkBuilder,\n  useTheme,\n} from '@react-navigation/native';\nimport React from 'react';\nimport {\n  Animated,\n  LayoutChangeEvent,\n  Platform,\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport { EdgeInsets, useSafeAreaFrame } from 'react-native-safe-area-context';\n\nimport type { BottomTabBarProps, BottomTabDescriptorMap } from '../types';\nimport BottomTabBarHeightCallbackContext from '../utils/BottomTabBarHeightCallbackContext';\nimport useIsKeyboardShown from '../utils/useIsKeyboardShown';\nimport BottomTabItem from './BottomTabItem';\n\ntype Props = BottomTabBarProps & {\n  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;\n};\n\nconst DEFAULT_TABBAR_HEIGHT = 49;\nconst COMPACT_TABBAR_HEIGHT = 32;\nconst DEFAULT_MAX_TAB_ITEM_WIDTH = 125;\n\nconst useNativeDriver = Platform.OS !== 'web';\n\ntype Options = {\n  state: TabNavigationState<ParamListBase>;\n  descriptors: BottomTabDescriptorMap;\n  layout: { height: number; width: number };\n  dimensions: { height: number; width: number };\n};\n\nconst shouldUseHorizontalLabels = ({\n  state,\n  descriptors,\n  layout,\n  dimensions,\n}: Options) => {\n  const { tabBarLabelPosition } =\n    descriptors[state.routes[state.index].key].options;\n\n  if (tabBarLabelPosition) {\n    switch (tabBarLabelPosition) {\n      case 'beside-icon':\n        return true;\n      case 'below-icon':\n        return false;\n    }\n  }\n\n  if (layout.width >= 768) {\n    // Screen size matches a tablet\n    const maxTabWidth = state.routes.reduce((acc, route) => {\n      const { tabBarItemStyle } = descriptors[route.key].options;\n      const flattenedStyle = StyleSheet.flatten(tabBarItemStyle);\n\n      if (flattenedStyle) {\n        if (typeof flattenedStyle.width === 'number') {\n          return acc + flattenedStyle.width;\n        } else if (typeof flattenedStyle.maxWidth === 'number') {\n          return acc + flattenedStyle.maxWidth;\n        }\n      }\n\n      return acc + DEFAULT_MAX_TAB_ITEM_WIDTH;\n    }, 0);\n\n    return maxTabWidth <= layout.width;\n  } else {\n    return dimensions.width > dimensions.height;\n  }\n};\n\nconst getPaddingBottom = (insets: EdgeInsets) =>\n  Math.max(insets.bottom - Platform.select({ ios: 4, default: 0 }), 0);\n\nexport const getTabBarHeight = ({\n  state,\n  descriptors,\n  dimensions,\n  insets,\n  style,\n  ...rest\n}: Options & {\n  insets: EdgeInsets;\n  style: Animated.WithAnimatedValue<StyleProp<ViewStyle>> | undefined;\n}) => {\n  // @ts-ignore\n  const customHeight = StyleSheet.flatten(style)?.height;\n\n  if (typeof customHeight === 'number') {\n    return customHeight;\n  }\n\n  const isLandscape = dimensions.width > dimensions.height;\n  const horizontalLabels = shouldUseHorizontalLabels({\n    state,\n    descriptors,\n    dimensions,\n    ...rest,\n  });\n  const paddingBottom = getPaddingBottom(insets);\n\n  if (\n    Platform.OS === 'ios' &&\n    !Platform.isPad &&\n    isLandscape &&\n    horizontalLabels\n  ) {\n    return COMPACT_TABBAR_HEIGHT + paddingBottom;\n  }\n\n  return DEFAULT_TABBAR_HEIGHT + paddingBottom;\n};\n\nexport default function BottomTabBar({\n  state,\n  navigation,\n  descriptors,\n  insets,\n  style,\n}: Props) {\n  const { colors } = useTheme();\n  const buildLink = useLinkBuilder();\n\n  const focusedRoute = state.routes[state.index];\n  const focusedDescriptor = descriptors[focusedRoute.key];\n  const focusedOptions = focusedDescriptor.options;\n\n  const {\n    tabBarShowLabel,\n    tabBarHideOnKeyboard = false,\n    tabBarVisibilityAnimationConfig,\n    tabBarStyle,\n    tabBarBackground,\n    tabBarActiveTintColor,\n    tabBarInactiveTintColor,\n    tabBarActiveBackgroundColor,\n    tabBarInactiveBackgroundColor,\n  } = focusedOptions;\n\n  const dimensions = useSafeAreaFrame();\n  const isKeyboardShown = useIsKeyboardShown();\n\n  const onHeightChange = React.useContext(BottomTabBarHeightCallbackContext);\n\n  const shouldShowTabBar = !(tabBarHideOnKeyboard && isKeyboardShown);\n\n  const visibilityAnimationConfigRef = React.useRef(\n    tabBarVisibilityAnimationConfig\n  );\n\n  React.useEffect(() => {\n    visibilityAnimationConfigRef.current = tabBarVisibilityAnimationConfig;\n  });\n\n  const [isTabBarHidden, setIsTabBarHidden] = React.useState(!shouldShowTabBar);\n\n  const [visible] = React.useState(\n    () => new Animated.Value(shouldShowTabBar ? 1 : 0)\n  );\n\n  React.useEffect(() => {\n    const visibilityAnimationConfig = visibilityAnimationConfigRef.current;\n\n    if (shouldShowTabBar) {\n      const animation =\n        visibilityAnimationConfig?.show?.animation === 'spring'\n          ? Animated.spring\n          : Animated.timing;\n\n      animation(visible, {\n        toValue: 1,\n        useNativeDriver,\n        duration: 250,\n        ...visibilityAnimationConfig?.show?.config,\n      }).start(({ finished }) => {\n        if (finished) {\n          setIsTabBarHidden(false);\n        }\n      });\n    } else {\n      setIsTabBarHidden(true);\n\n      const animation =\n        visibilityAnimationConfig?.hide?.animation === 'spring'\n          ? Animated.spring\n          : Animated.timing;\n\n      animation(visible, {\n        toValue: 0,\n        useNativeDriver,\n        duration: 200,\n        ...visibilityAnimationConfig?.hide?.config,\n      }).start();\n    }\n\n    return () => visible.stopAnimation();\n  }, [visible, shouldShowTabBar]);\n\n  const [layout, setLayout] = React.useState({\n    height: 0,\n    width: dimensions.width,\n  });\n\n  const handleLayout = (e: LayoutChangeEvent) => {\n    const { height, width } = e.nativeEvent.layout;\n\n    onHeightChange?.(height);\n\n    setLayout((layout) => {\n      if (height === layout.height && width === layout.width) {\n        return layout;\n      } else {\n        return {\n          height,\n          width,\n        };\n      }\n    });\n  };\n\n  const { routes } = state;\n\n  const paddingBottom = getPaddingBottom(insets);\n  const tabBarHeight = getTabBarHeight({\n    state,\n    descriptors,\n    insets,\n    dimensions,\n    layout,\n    style: [tabBarStyle, style],\n  });\n\n  const hasHorizontalLabels = shouldUseHorizontalLabels({\n    state,\n    descriptors,\n    dimensions,\n    layout,\n  });\n\n  const tabBarBackgroundElement = tabBarBackground?.();\n\n  return (\n    <Animated.View\n      style={[\n        styles.tabBar,\n        {\n          backgroundColor:\n            tabBarBackgroundElement != null ? 'transparent' : colors.card,\n          borderTopColor: colors.border,\n        },\n        {\n          transform: [\n            {\n              translateY: visible.interpolate({\n                inputRange: [0, 1],\n                outputRange: [\n                  layout.height + paddingBottom + StyleSheet.hairlineWidth,\n                  0,\n                ],\n              }),\n            },\n          ],\n          // Absolutely position the tab bar so that the content is below it\n          // This is needed to avoid gap at bottom when the tab bar is hidden\n          position: isTabBarHidden ? 'absolute' : (null as any),\n        },\n        {\n          height: tabBarHeight,\n          paddingBottom,\n          paddingHorizontal: Math.max(insets.left, insets.right),\n        },\n        tabBarStyle,\n      ]}\n      pointerEvents={isTabBarHidden ? 'none' : 'auto'}\n      onLayout={handleLayout}\n    >\n      <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n        {tabBarBackgroundElement}\n      </View>\n      <View accessibilityRole=\"tablist\" style={styles.content}>\n        {routes.map((route, index) => {\n          const focused = index === state.index;\n          const { options } = descriptors[route.key];\n\n          const onPress = () => {\n            const event = navigation.emit({\n              type: 'tabPress',\n              target: route.key,\n              canPreventDefault: true,\n            });\n\n            if (!focused && !event.defaultPrevented) {\n              navigation.dispatch({\n                ...CommonActions.navigate({ name: route.name, merge: true }),\n                target: state.key,\n              });\n            }\n          };\n\n          const onLongPress = () => {\n            navigation.emit({\n              type: 'tabLongPress',\n              target: route.key,\n            });\n          };\n\n          const label =\n            options.tabBarLabel !== undefined\n              ? options.tabBarLabel\n              : options.title !== undefined\n              ? options.title\n              : route.name;\n\n          const accessibilityLabel =\n            options.tabBarAccessibilityLabel !== undefined\n              ? options.tabBarAccessibilityLabel\n              : typeof label === 'string' && Platform.OS === 'ios'\n              ? `${label}, tab, ${index + 1} of ${routes.length}`\n              : undefined;\n\n          return (\n            <NavigationContext.Provider\n              key={route.key}\n              value={descriptors[route.key].navigation}\n            >\n              <NavigationRouteContext.Provider value={route}>\n                <BottomTabItem\n                  route={route}\n                  focused={focused}\n                  horizontal={hasHorizontalLabels}\n                  onPress={onPress}\n                  onLongPress={onLongPress}\n                  accessibilityLabel={accessibilityLabel}\n                  to={buildLink(route.name, route.params)}\n                  testID={options.tabBarTestID}\n                  allowFontScaling={options.tabBarAllowFontScaling}\n                  activeTintColor={tabBarActiveTintColor}\n                  inactiveTintColor={tabBarInactiveTintColor}\n                  activeBackgroundColor={tabBarActiveBackgroundColor}\n                  inactiveBackgroundColor={tabBarInactiveBackgroundColor}\n                  button={options.tabBarButton}\n                  icon={\n                    options.tabBarIcon ??\n                    (({ color, size }) => (\n                      <MissingIcon color={color} size={size} />\n                    ))\n                  }\n                  badge={options.tabBarBadge}\n                  badgeStyle={options.tabBarBadgeStyle}\n                  label={label}\n                  showLabel={tabBarShowLabel}\n                  labelStyle={options.tabBarLabelStyle}\n                  iconStyle={options.tabBarIconStyle}\n                  style={options.tabBarItemStyle}\n                />\n              </NavigationRouteContext.Provider>\n            </NavigationContext.Provider>\n          );\n        })}\n      </View>\n    </Animated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  tabBar: {\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderTopWidth: StyleSheet.hairlineWidth,\n    elevation: 8,\n  },\n  content: {\n    flex: 1,\n    flexDirection: 'row',\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["DEFAULT_TABBAR_HEIGHT","COMPACT_TABBAR_HEIGHT","DEFAULT_MAX_TAB_ITEM_WIDTH","useNativeDriver","Platform","OS","shouldUseHorizontalLabels","state","descriptors","layout","dimensions","tabBarLabelPosition","routes","index","key","options","width","maxTabWidth","reduce","acc","route","tabBarItemStyle","flattenedStyle","StyleSheet","flatten","maxWidth","height","getPaddingBottom","insets","Math","max","bottom","select","ios","default","getTabBarHeight","style","rest","customHeight","isLandscape","horizontalLabels","paddingBottom","isPad","BottomTabBar","navigation","colors","useTheme","buildLink","useLinkBuilder","focusedRoute","focusedDescriptor","focusedOptions","tabBarShowLabel","tabBarHideOnKeyboard","tabBarVisibilityAnimationConfig","tabBarStyle","tabBarBackground","tabBarActiveTintColor","tabBarInactiveTintColor","tabBarActiveBackgroundColor","tabBarInactiveBackgroundColor","useSafeAreaFrame","isKeyboardShown","useIsKeyboardShown","onHeightChange","React","useContext","BottomTabBarHeightCallbackContext","shouldShowTabBar","visibilityAnimationConfigRef","useRef","useEffect","current","isTabBarHidden","setIsTabBarHidden","useState","visible","Animated","Value","visibilityAnimationConfig","animation","show","spring","timing","toValue","duration","config","start","finished","hide","stopAnimation","setLayout","handleLayout","e","nativeEvent","tabBarHeight","hasHorizontalLabels","tabBarBackgroundElement","styles","tabBar","backgroundColor","card","borderTopColor","border","transform","translateY","interpolate","inputRange","outputRange","hairlineWidth","position","paddingHorizontal","left","right","absoluteFill","content","map","focused","onPress","event","emit","type","target","canPreventDefault","defaultPrevented","dispatch","CommonActions","navigate","name","merge","onLongPress","label","tabBarLabel","undefined","title","accessibilityLabel","tabBarAccessibilityLabel","length","params","tabBarTestID","tabBarAllowFontScaling","tabBarButton","tabBarIcon","color","size","tabBarBadge","tabBarBadgeStyle","tabBarLabelStyle","tabBarIconStyle","create","borderTopWidth","elevation","flex","flexDirection"],"sources":["BottomTabBar.tsx"],"sourcesContent":["import { MissingIcon } from '@react-navigation/elements';\nimport {\n  CommonActions,\n  NavigationContext,\n  NavigationRouteContext,\n  ParamListBase,\n  TabNavigationState,\n  useLinkBuilder,\n  useTheme,\n} from '@react-navigation/native';\nimport React from 'react';\nimport {\n  Animated,\n  LayoutChangeEvent,\n  Platform,\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport { EdgeInsets, useSafeAreaFrame } from 'react-native-safe-area-context';\n\nimport type { BottomTabBarProps, BottomTabDescriptorMap } from '../types';\nimport BottomTabBarHeightCallbackContext from '../utils/BottomTabBarHeightCallbackContext';\nimport useIsKeyboardShown from '../utils/useIsKeyboardShown';\nimport BottomTabItem from './BottomTabItem';\n\ntype Props = BottomTabBarProps & {\n  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;\n};\n\nconst DEFAULT_TABBAR_HEIGHT = 49;\nconst COMPACT_TABBAR_HEIGHT = 32;\nconst DEFAULT_MAX_TAB_ITEM_WIDTH = 125;\n\nconst useNativeDriver = Platform.OS !== 'web';\n\ntype Options = {\n  state: TabNavigationState<ParamListBase>;\n  descriptors: BottomTabDescriptorMap;\n  layout: { height: number; width: number };\n  dimensions: { height: number; width: number };\n};\n\nconst shouldUseHorizontalLabels = ({\n  state,\n  descriptors,\n  layout,\n  dimensions,\n}: Options) => {\n  const { tabBarLabelPosition } =\n    descriptors[state.routes[state.index].key].options;\n\n  if (tabBarLabelPosition) {\n    switch (tabBarLabelPosition) {\n      case 'beside-icon':\n        return true;\n      case 'below-icon':\n        return false;\n    }\n  }\n\n  if (layout.width >= 768) {\n    // Screen size matches a tablet\n    const maxTabWidth = state.routes.reduce((acc, route) => {\n      const { tabBarItemStyle } = descriptors[route.key].options;\n      const flattenedStyle = StyleSheet.flatten(tabBarItemStyle);\n\n      if (flattenedStyle) {\n        if (typeof flattenedStyle.width === 'number') {\n          return acc + flattenedStyle.width;\n        } else if (typeof flattenedStyle.maxWidth === 'number') {\n          return acc + flattenedStyle.maxWidth;\n        }\n      }\n\n      return acc + DEFAULT_MAX_TAB_ITEM_WIDTH;\n    }, 0);\n\n    return maxTabWidth <= layout.width;\n  } else {\n    return dimensions.width > dimensions.height;\n  }\n};\n\nconst getPaddingBottom = (insets: EdgeInsets) =>\n  Math.max(insets.bottom - Platform.select({ ios: 4, default: 0 }), 0);\n\nexport const getTabBarHeight = ({\n  state,\n  descriptors,\n  dimensions,\n  insets,\n  style,\n  ...rest\n}: Options & {\n  insets: EdgeInsets;\n  style: Animated.WithAnimatedValue<StyleProp<ViewStyle>> | undefined;\n}) => {\n  // @ts-ignore\n  const customHeight = StyleSheet.flatten(style)?.height;\n\n  if (typeof customHeight === 'number') {\n    return customHeight;\n  }\n\n  const isLandscape = dimensions.width > dimensions.height;\n  const horizontalLabels = shouldUseHorizontalLabels({\n    state,\n    descriptors,\n    dimensions,\n    ...rest,\n  });\n  const paddingBottom = getPaddingBottom(insets);\n\n  if (\n    Platform.OS === 'ios' &&\n    !Platform.isPad &&\n    isLandscape &&\n    horizontalLabels\n  ) {\n    return COMPACT_TABBAR_HEIGHT + paddingBottom;\n  }\n\n  return DEFAULT_TABBAR_HEIGHT + paddingBottom;\n};\n\nexport default function BottomTabBar({\n  state,\n  navigation,\n  descriptors,\n  insets,\n  style,\n}: Props) {\n  const { colors } = useTheme();\n  const buildLink = useLinkBuilder();\n\n  const focusedRoute = state.routes[state.index];\n  const focusedDescriptor = descriptors[focusedRoute.key];\n  const focusedOptions = focusedDescriptor.options;\n\n  const {\n    tabBarShowLabel,\n    tabBarHideOnKeyboard = false,\n    tabBarVisibilityAnimationConfig,\n    tabBarStyle,\n    tabBarBackground,\n    tabBarActiveTintColor,\n    tabBarInactiveTintColor,\n    tabBarActiveBackgroundColor,\n    tabBarInactiveBackgroundColor,\n  } = focusedOptions;\n\n  const dimensions = useSafeAreaFrame();\n  const isKeyboardShown = useIsKeyboardShown();\n\n  const onHeightChange = React.useContext(BottomTabBarHeightCallbackContext);\n\n  const shouldShowTabBar = !(tabBarHideOnKeyboard && isKeyboardShown);\n\n  const visibilityAnimationConfigRef = React.useRef(\n    tabBarVisibilityAnimationConfig\n  );\n\n  React.useEffect(() => {\n    visibilityAnimationConfigRef.current = tabBarVisibilityAnimationConfig;\n  });\n\n  const [isTabBarHidden, setIsTabBarHidden] = React.useState(!shouldShowTabBar);\n\n  const [visible] = React.useState(\n    () => new Animated.Value(shouldShowTabBar ? 1 : 0)\n  );\n\n  React.useEffect(() => {\n    const visibilityAnimationConfig = visibilityAnimationConfigRef.current;\n\n    if (shouldShowTabBar) {\n      const animation =\n        visibilityAnimationConfig?.show?.animation === 'spring'\n          ? Animated.spring\n          : Animated.timing;\n\n      animation(visible, {\n        toValue: 1,\n        useNativeDriver,\n        duration: 250,\n        ...visibilityAnimationConfig?.show?.config,\n      }).start(({ finished }) => {\n        if (finished) {\n          setIsTabBarHidden(false);\n        }\n      });\n    } else {\n      setIsTabBarHidden(true);\n\n      const animation =\n        visibilityAnimationConfig?.hide?.animation === 'spring'\n          ? Animated.spring\n          : Animated.timing;\n\n      animation(visible, {\n        toValue: 0,\n        useNativeDriver,\n        duration: 200,\n        ...visibilityAnimationConfig?.hide?.config,\n      }).start();\n    }\n\n    return () => visible.stopAnimation();\n  }, [visible, shouldShowTabBar]);\n\n  const [layout, setLayout] = React.useState({\n    height: 0,\n    width: dimensions.width,\n  });\n\n  const handleLayout = (e: LayoutChangeEvent) => {\n    const { height, width } = e.nativeEvent.layout;\n\n    onHeightChange?.(height);\n\n    setLayout((layout) => {\n      if (height === layout.height && width === layout.width) {\n        return layout;\n      } else {\n        return {\n          height,\n          width,\n        };\n      }\n    });\n  };\n\n  const { routes } = state;\n\n  const paddingBottom = getPaddingBottom(insets);\n  const tabBarHeight = getTabBarHeight({\n    state,\n    descriptors,\n    insets,\n    dimensions,\n    layout,\n    style: [tabBarStyle, style],\n  });\n\n  const hasHorizontalLabels = shouldUseHorizontalLabels({\n    state,\n    descriptors,\n    dimensions,\n    layout,\n  });\n\n  const tabBarBackgroundElement = tabBarBackground?.();\n\n  return (\n    <Animated.View\n      style={[\n        styles.tabBar,\n        {\n          backgroundColor:\n            tabBarBackgroundElement != null ? 'transparent' : colors.card,\n          borderTopColor: colors.border,\n        },\n        {\n          transform: [\n            {\n              translateY: visible.interpolate({\n                inputRange: [0, 1],\n                outputRange: [\n                  layout.height + paddingBottom + StyleSheet.hairlineWidth,\n                  0,\n                ],\n              }),\n            },\n          ],\n          // Absolutely position the tab bar so that the content is below it\n          // This is needed to avoid gap at bottom when the tab bar is hidden\n          position: isTabBarHidden ? 'absolute' : (null as any),\n        },\n        {\n          height: tabBarHeight,\n          paddingBottom,\n          paddingHorizontal: Math.max(insets.left, insets.right),\n        },\n        tabBarStyle,\n      ]}\n      pointerEvents={isTabBarHidden ? 'none' : 'auto'}\n      onLayout={handleLayout}\n    >\n      <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n        {tabBarBackgroundElement}\n      </View>\n      <View accessibilityRole=\"tablist\" style={styles.content}>\n        {routes.map((route, index) => {\n          const focused = index === state.index;\n          const { options } = descriptors[route.key];\n\n          const onPress = () => {\n            const event = navigation.emit({\n              type: 'tabPress',\n              target: route.key,\n              canPreventDefault: true,\n            });\n\n            if (!focused && !event.defaultPrevented) {\n              navigation.dispatch({\n                ...CommonActions.navigate({ name: route.name, merge: true }),\n                target: state.key,\n              });\n            }\n          };\n\n          const onLongPress = () => {\n            navigation.emit({\n              type: 'tabLongPress',\n              target: route.key,\n            });\n          };\n\n          const label =\n            options.tabBarLabel !== undefined\n              ? options.tabBarLabel\n              : options.title !== undefined\n              ? options.title\n              : route.name;\n\n          const accessibilityLabel =\n            options.tabBarAccessibilityLabel !== undefined\n              ? options.tabBarAccessibilityLabel\n              : typeof label === 'string' && Platform.OS === 'ios'\n              ? `${label}, tab, ${index + 1} of ${routes.length}`\n              : undefined;\n\n          return (\n            <NavigationContext.Provider\n              key={route.key}\n              value={descriptors[route.key].navigation}\n            >\n              <NavigationRouteContext.Provider value={route}>\n                <BottomTabItem\n                  route={route}\n                  descriptor={descriptors[route.key]}\n                  focused={focused}\n                  horizontal={hasHorizontalLabels}\n                  onPress={onPress}\n                  onLongPress={onLongPress}\n                  accessibilityLabel={accessibilityLabel}\n                  to={buildLink(route.name, route.params)}\n                  testID={options.tabBarTestID}\n                  allowFontScaling={options.tabBarAllowFontScaling}\n                  activeTintColor={tabBarActiveTintColor}\n                  inactiveTintColor={tabBarInactiveTintColor}\n                  activeBackgroundColor={tabBarActiveBackgroundColor}\n                  inactiveBackgroundColor={tabBarInactiveBackgroundColor}\n                  button={options.tabBarButton}\n                  icon={\n                    options.tabBarIcon ??\n                    (({ color, size }) => (\n                      <MissingIcon color={color} size={size} />\n                    ))\n                  }\n                  badge={options.tabBarBadge}\n                  badgeStyle={options.tabBarBadgeStyle}\n                  label={label}\n                  showLabel={tabBarShowLabel}\n                  labelStyle={options.tabBarLabelStyle}\n                  iconStyle={options.tabBarIconStyle}\n                  style={options.tabBarItemStyle}\n                />\n              </NavigationRouteContext.Provider>\n            </NavigationContext.Provider>\n          );\n        })}\n      </View>\n    </Animated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  tabBar: {\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderTopWidth: StyleSheet.hairlineWidth,\n    elevation: 8,\n  },\n  content: {\n    flex: 1,\n    flexDirection: 'row',\n  },\n});\n"],"mappings":"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"}

package/lib/commonjs/views/BottomTabItem.js

@@ -23,6 +23,7 @@ function BottomTabBarItem(_ref) {
   let {
     focused,
     route,
+    descriptor,
     label,
     icon,
     badge,
@@ -103,10 +104,15 @@ function BottomTabBarItem(_ref) {
       }, label);
     }
 
+    const {
+      options
+    } = descriptor;
+    const children = typeof options.tabBarLabel === 'string' ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
     return label({
       focused,
       color,
-      position: horizontal ? 'beside-icon' : 'below-icon'
+      position: horizontal ? 'beside-icon' : 'below-icon',
+      children
     });
   };
 

package/lib/commonjs/views/BottomTabItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["BottomTabBarItem","focused","route","label","icon","badge","badgeStyle","to","button","children","style","onPress","accessibilityRole","rest","Platform","OS","styles","e","metaKey","altKey","ctrlKey","shiftKey","preventDefault","accessibilityLabel","testID","onLongPress","horizontal","activeTintColor","customActiveTintColor","inactiveTintColor","customInactiveTintColor","activeBackgroundColor","inactiveBackgroundColor","showLabel","allowFontScaling","labelStyle","iconStyle","colors","useTheme","undefined","primary","Color","text","mix","card","hex","renderLabel","color","labelBeside","labelBeneath","position","renderIcon","activeOpacity","inactiveOpacity","scene","backgroundColor","select","ios","default","accessibilityState","selected","accessibilityStates","tab","tabLandscape","tabPortrait","StyleSheet","create","flex","alignItems","justifyContent","flexDirection","textAlign","fontSize","marginLeft","marginTop","display"],"sources":["BottomTabItem.tsx"],"sourcesContent":["import { Link, Route, useTheme } from '@react-navigation/native';\nimport Color from 'color';\nimport React from 'react';\nimport {\n  GestureResponderEvent,\n  Platform,\n  Pressable,\n  StyleProp,\n  StyleSheet,\n  Text,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\n\nimport type { BottomTabBarButtonProps, LabelPosition } from '../types';\nimport TabBarIcon from './TabBarIcon';\n\ntype Props = {\n  /**\n   * Whether the tab is focused.\n   */\n  focused: boolean;\n  /**\n   * The route object which should be specified by the tab.\n   */\n  route: Route<string>;\n  /**\n   * The label text of the tab.\n   */\n  label:\n    | string\n    | ((props: {\n        focused: boolean;\n        color: string;\n        position: LabelPosition;\n      }) => React.ReactNode);\n  /**\n   * Icon to display for the tab.\n   */\n  icon: (props: {\n    focused: boolean;\n    size: number;\n    color: string;\n  }) => React.ReactNode;\n  /**\n   * Text to show in a badge on the tab icon.\n   */\n  badge?: number | string;\n  /**\n   * Custom style for the badge.\n   */\n  badgeStyle?: StyleProp<TextStyle>;\n  /**\n   * URL to use for the link to the tab.\n   */\n  to?: string;\n  /**\n   * The button for the tab. Uses a `TouchableWithoutFeedback` by default.\n   */\n  button?: (props: BottomTabBarButtonProps) => React.ReactNode;\n  /**\n   * The accessibility label for the tab.\n   */\n  accessibilityLabel?: string;\n  /**\n   * An unique ID for testing for the tab.\n   */\n  testID?: string;\n  /**\n   * Function to execute on press in React Native.\n   * On the web, this will use onClick.\n   */\n  onPress: (\n    e: React.MouseEvent<HTMLElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n  /**\n   * Function to execute on long press.\n   */\n  onLongPress: (e: GestureResponderEvent) => void;\n  /**\n   * Whether the label should be aligned with the icon horizontally.\n   */\n  horizontal: boolean;\n  /**\n   * Color for the icon and label when the item is active.\n   */\n  activeTintColor?: string;\n  /**\n   * Color for the icon and label when the item is inactive.\n   */\n  inactiveTintColor?: string;\n  /**\n   * Background color for item when its active.\n   */\n  activeBackgroundColor?: string;\n  /**\n   * Background color for item when its inactive.\n   */\n  inactiveBackgroundColor?: string;\n  /**\n   * Whether to show the label text for the tab.\n   */\n  showLabel?: boolean;\n  /**\n   * Whether to allow scaling the font for the label for accessibility purposes.\n   */\n  allowFontScaling?: boolean;\n  /**\n   * Style object for the label element.\n   */\n  labelStyle?: StyleProp<TextStyle>;\n  /**\n   * Style object for the icon element.\n   */\n  iconStyle?: StyleProp<ViewStyle>;\n  /**\n   * Style object for the wrapper element.\n   */\n  style?: StyleProp<ViewStyle>;\n};\n\nexport default function BottomTabBarItem({\n  focused,\n  route,\n  label,\n  icon,\n  badge,\n  badgeStyle,\n  to,\n  button = ({\n    children,\n    style,\n    onPress,\n    to,\n    accessibilityRole,\n    ...rest\n  }: BottomTabBarButtonProps) => {\n    if (Platform.OS === 'web' && to) {\n      // React Native Web doesn't forward `onClick` if we use `TouchableWithoutFeedback`.\n      // We need to use `onClick` to be able to prevent default browser handling of links.\n      return (\n        <Link\n          {...rest}\n          to={to}\n          style={[styles.button, style]}\n          onPress={(e: any) => {\n            if (\n              !(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) && // ignore clicks with modifier keys\n              (e.button == null || e.button === 0) // ignore everything but left clicks\n            ) {\n              e.preventDefault();\n              onPress?.(e);\n            }\n          }}\n        >\n          {children}\n        </Link>\n      );\n    } else {\n      return (\n        <Pressable\n          {...rest}\n          accessibilityRole={accessibilityRole}\n          onPress={onPress}\n          style={style}\n        >\n          {children}\n        </Pressable>\n      );\n    }\n  },\n  accessibilityLabel,\n  testID,\n  onPress,\n  onLongPress,\n  horizontal,\n  activeTintColor: customActiveTintColor,\n  inactiveTintColor: customInactiveTintColor,\n  activeBackgroundColor = 'transparent',\n  inactiveBackgroundColor = 'transparent',\n  showLabel = true,\n  allowFontScaling,\n  labelStyle,\n  iconStyle,\n  style,\n}: Props) {\n  const { colors } = useTheme();\n\n  const activeTintColor =\n    customActiveTintColor === undefined\n      ? colors.primary\n      : customActiveTintColor;\n\n  const inactiveTintColor =\n    customInactiveTintColor === undefined\n      ? Color(colors.text).mix(Color(colors.card), 0.5).hex()\n      : customInactiveTintColor;\n\n  const renderLabel = ({ focused }: { focused: boolean }) => {\n    if (showLabel === false) {\n      return null;\n    }\n\n    const color = focused ? activeTintColor : inactiveTintColor;\n\n    if (typeof label === 'string') {\n      return (\n        <Text\n          numberOfLines={1}\n          style={[\n            styles.label,\n            { color },\n            horizontal ? styles.labelBeside : styles.labelBeneath,\n            labelStyle,\n          ]}\n          allowFontScaling={allowFontScaling}\n        >\n          {label}\n        </Text>\n      );\n    }\n\n    return label({\n      focused,\n      color,\n      position: horizontal ? 'beside-icon' : 'below-icon',\n    });\n  };\n\n  const renderIcon = ({ focused }: { focused: boolean }) => {\n    if (icon === undefined) {\n      return null;\n    }\n\n    const activeOpacity = focused ? 1 : 0;\n    const inactiveOpacity = focused ? 0 : 1;\n\n    return (\n      <TabBarIcon\n        route={route}\n        horizontal={horizontal}\n        badge={badge}\n        badgeStyle={badgeStyle}\n        activeOpacity={activeOpacity}\n        inactiveOpacity={inactiveOpacity}\n        activeTintColor={activeTintColor}\n        inactiveTintColor={inactiveTintColor}\n        renderIcon={icon}\n        style={iconStyle}\n      />\n    );\n  };\n\n  const scene = { route, focused };\n\n  const backgroundColor = focused\n    ? activeBackgroundColor\n    : inactiveBackgroundColor;\n\n  return button({\n    to,\n    onPress,\n    onLongPress,\n    testID,\n    accessibilityLabel,\n    // FIXME: accessibilityRole: 'tab' doesn't seem to work as expected on iOS\n    accessibilityRole: Platform.select({ ios: 'button', default: 'tab' }),\n    accessibilityState: { selected: focused },\n    // @ts-expect-error: keep for compatibility with older React Native versions\n    accessibilityStates: focused ? ['selected'] : [],\n    style: [\n      styles.tab,\n      { backgroundColor },\n      horizontal ? styles.tabLandscape : styles.tabPortrait,\n      style,\n    ],\n    children: (\n      <React.Fragment>\n        {renderIcon(scene)}\n        {renderLabel(scene)}\n      </React.Fragment>\n    ),\n  }) as React.ReactElement;\n}\n\nconst styles = StyleSheet.create({\n  tab: {\n    flex: 1,\n    alignItems: 'center',\n  },\n  tabPortrait: {\n    justifyContent: 'flex-end',\n    flexDirection: 'column',\n  },\n  tabLandscape: {\n    justifyContent: 'center',\n    flexDirection: 'row',\n  },\n  label: {\n    textAlign: 'center',\n    backgroundColor: 'transparent',\n  },\n  labelBeneath: {\n    fontSize: 10,\n  },\n  labelBeside: {\n    fontSize: 13,\n    marginLeft: 20,\n    marginTop: 3,\n  },\n  button: {\n    display: 'flex',\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["BottomTabBarItem","focused","route","descriptor","label","icon","badge","badgeStyle","to","button","children","style","onPress","accessibilityRole","rest","Platform","OS","styles","e","metaKey","altKey","ctrlKey","shiftKey","preventDefault","accessibilityLabel","testID","onLongPress","horizontal","activeTintColor","customActiveTintColor","inactiveTintColor","customInactiveTintColor","activeBackgroundColor","inactiveBackgroundColor","showLabel","allowFontScaling","labelStyle","iconStyle","colors","useTheme","undefined","primary","Color","text","mix","card","hex","renderLabel","color","labelBeside","labelBeneath","options","tabBarLabel","title","name","position","renderIcon","activeOpacity","inactiveOpacity","scene","backgroundColor","select","ios","default","accessibilityState","selected","accessibilityStates","tab","tabLandscape","tabPortrait","StyleSheet","create","flex","alignItems","justifyContent","flexDirection","textAlign","fontSize","marginLeft","marginTop","display"],"sources":["BottomTabItem.tsx"],"sourcesContent":["import { Link, Route, useTheme } from '@react-navigation/native';\nimport Color from 'color';\nimport React from 'react';\nimport {\n  GestureResponderEvent,\n  Platform,\n  Pressable,\n  StyleProp,\n  StyleSheet,\n  Text,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\n\nimport type {\n  BottomTabBarButtonProps,\n  BottomTabDescriptor,\n  LabelPosition,\n} from '../types';\nimport TabBarIcon from './TabBarIcon';\n\ntype Props = {\n  /**\n   * Whether the tab is focused.\n   */\n  focused: boolean;\n  /**\n   * The route object which should be specified by the tab.\n   */\n  route: Route<string>;\n  /**\n   * The descriptor object for the route.\n   */\n  descriptor: BottomTabDescriptor;\n  /**\n   * The label text of the tab.\n   */\n  label:\n    | string\n    | ((props: {\n        focused: boolean;\n        color: string;\n        position: LabelPosition;\n        children: string;\n      }) => React.ReactNode);\n  /**\n   * Icon to display for the tab.\n   */\n  icon: (props: {\n    focused: boolean;\n    size: number;\n    color: string;\n  }) => React.ReactNode;\n  /**\n   * Text to show in a badge on the tab icon.\n   */\n  badge?: number | string;\n  /**\n   * Custom style for the badge.\n   */\n  badgeStyle?: StyleProp<TextStyle>;\n  /**\n   * URL to use for the link to the tab.\n   */\n  to?: string;\n  /**\n   * The button for the tab. Uses a `TouchableWithoutFeedback` by default.\n   */\n  button?: (props: BottomTabBarButtonProps) => React.ReactNode;\n  /**\n   * The accessibility label for the tab.\n   */\n  accessibilityLabel?: string;\n  /**\n   * An unique ID for testing for the tab.\n   */\n  testID?: string;\n  /**\n   * Function to execute on press in React Native.\n   * On the web, this will use onClick.\n   */\n  onPress: (\n    e: React.MouseEvent<HTMLElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n  /**\n   * Function to execute on long press.\n   */\n  onLongPress: (e: GestureResponderEvent) => void;\n  /**\n   * Whether the label should be aligned with the icon horizontally.\n   */\n  horizontal: boolean;\n  /**\n   * Color for the icon and label when the item is active.\n   */\n  activeTintColor?: string;\n  /**\n   * Color for the icon and label when the item is inactive.\n   */\n  inactiveTintColor?: string;\n  /**\n   * Background color for item when its active.\n   */\n  activeBackgroundColor?: string;\n  /**\n   * Background color for item when its inactive.\n   */\n  inactiveBackgroundColor?: string;\n  /**\n   * Whether to show the label text for the tab.\n   */\n  showLabel?: boolean;\n  /**\n   * Whether to allow scaling the font for the label for accessibility purposes.\n   */\n  allowFontScaling?: boolean;\n  /**\n   * Style object for the label element.\n   */\n  labelStyle?: StyleProp<TextStyle>;\n  /**\n   * Style object for the icon element.\n   */\n  iconStyle?: StyleProp<ViewStyle>;\n  /**\n   * Style object for the wrapper element.\n   */\n  style?: StyleProp<ViewStyle>;\n};\n\nexport default function BottomTabBarItem({\n  focused,\n  route,\n  descriptor,\n  label,\n  icon,\n  badge,\n  badgeStyle,\n  to,\n  button = ({\n    children,\n    style,\n    onPress,\n    to,\n    accessibilityRole,\n    ...rest\n  }: BottomTabBarButtonProps) => {\n    if (Platform.OS === 'web' && to) {\n      // React Native Web doesn't forward `onClick` if we use `TouchableWithoutFeedback`.\n      // We need to use `onClick` to be able to prevent default browser handling of links.\n      return (\n        <Link\n          {...rest}\n          to={to}\n          style={[styles.button, style]}\n          onPress={(e: any) => {\n            if (\n              !(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) && // ignore clicks with modifier keys\n              (e.button == null || e.button === 0) // ignore everything but left clicks\n            ) {\n              e.preventDefault();\n              onPress?.(e);\n            }\n          }}\n        >\n          {children}\n        </Link>\n      );\n    } else {\n      return (\n        <Pressable\n          {...rest}\n          accessibilityRole={accessibilityRole}\n          onPress={onPress}\n          style={style}\n        >\n          {children}\n        </Pressable>\n      );\n    }\n  },\n  accessibilityLabel,\n  testID,\n  onPress,\n  onLongPress,\n  horizontal,\n  activeTintColor: customActiveTintColor,\n  inactiveTintColor: customInactiveTintColor,\n  activeBackgroundColor = 'transparent',\n  inactiveBackgroundColor = 'transparent',\n  showLabel = true,\n  allowFontScaling,\n  labelStyle,\n  iconStyle,\n  style,\n}: Props) {\n  const { colors } = useTheme();\n\n  const activeTintColor =\n    customActiveTintColor === undefined\n      ? colors.primary\n      : customActiveTintColor;\n\n  const inactiveTintColor =\n    customInactiveTintColor === undefined\n      ? Color(colors.text).mix(Color(colors.card), 0.5).hex()\n      : customInactiveTintColor;\n\n  const renderLabel = ({ focused }: { focused: boolean }) => {\n    if (showLabel === false) {\n      return null;\n    }\n\n    const color = focused ? activeTintColor : inactiveTintColor;\n\n    if (typeof label === 'string') {\n      return (\n        <Text\n          numberOfLines={1}\n          style={[\n            styles.label,\n            { color },\n            horizontal ? styles.labelBeside : styles.labelBeneath,\n            labelStyle,\n          ]}\n          allowFontScaling={allowFontScaling}\n        >\n          {label}\n        </Text>\n      );\n    }\n\n    const { options } = descriptor;\n    const children =\n      typeof options.tabBarLabel === 'string'\n        ? options.tabBarLabel\n        : options.title !== undefined\n        ? options.title\n        : route.name;\n\n    return label({\n      focused,\n      color,\n      position: horizontal ? 'beside-icon' : 'below-icon',\n      children,\n    });\n  };\n\n  const renderIcon = ({ focused }: { focused: boolean }) => {\n    if (icon === undefined) {\n      return null;\n    }\n\n    const activeOpacity = focused ? 1 : 0;\n    const inactiveOpacity = focused ? 0 : 1;\n\n    return (\n      <TabBarIcon\n        route={route}\n        horizontal={horizontal}\n        badge={badge}\n        badgeStyle={badgeStyle}\n        activeOpacity={activeOpacity}\n        inactiveOpacity={inactiveOpacity}\n        activeTintColor={activeTintColor}\n        inactiveTintColor={inactiveTintColor}\n        renderIcon={icon}\n        style={iconStyle}\n      />\n    );\n  };\n\n  const scene = { route, focused };\n\n  const backgroundColor = focused\n    ? activeBackgroundColor\n    : inactiveBackgroundColor;\n\n  return button({\n    to,\n    onPress,\n    onLongPress,\n    testID,\n    accessibilityLabel,\n    // FIXME: accessibilityRole: 'tab' doesn't seem to work as expected on iOS\n    accessibilityRole: Platform.select({ ios: 'button', default: 'tab' }),\n    accessibilityState: { selected: focused },\n    // @ts-expect-error: keep for compatibility with older React Native versions\n    accessibilityStates: focused ? ['selected'] : [],\n    style: [\n      styles.tab,\n      { backgroundColor },\n      horizontal ? styles.tabLandscape : styles.tabPortrait,\n      style,\n    ],\n    children: (\n      <React.Fragment>\n        {renderIcon(scene)}\n        {renderLabel(scene)}\n      </React.Fragment>\n    ),\n  }) as React.ReactElement;\n}\n\nconst styles = StyleSheet.create({\n  tab: {\n    flex: 1,\n    alignItems: 'center',\n  },\n  tabPortrait: {\n    justifyContent: 'flex-end',\n    flexDirection: 'column',\n  },\n  tabLandscape: {\n    justifyContent: 'center',\n    flexDirection: 'row',\n  },\n  label: {\n    textAlign: 'center',\n    backgroundColor: 'transparent',\n  },\n  labelBeneath: {\n    fontSize: 10,\n  },\n  labelBeside: {\n    fontSize: 13,\n    marginLeft: 20,\n    marginTop: 3,\n  },\n  button: {\n    display: 'flex',\n  },\n});\n"],"mappings":"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"}

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { HeaderOptions } from '@react-navigation/elements';\nimport type {\n  Descriptor,\n  NavigationHelpers,\n  NavigationProp,\n  ParamListBase,\n  RouteProp,\n  TabActionHelpers,\n  TabNavigationState,\n} from '@react-navigation/native';\nimport type * as React from 'react';\nimport type {\n  Animated,\n  GestureResponderEvent,\n  StyleProp,\n  TextStyle,\n  TouchableWithoutFeedbackProps,\n  ViewStyle,\n} from 'react-native';\nimport type { EdgeInsets } from 'react-native-safe-area-context';\n\nexport type Layout = { width: number; height: number };\n\nexport type BottomTabNavigationEventMap = {\n  /**\n   * Event which fires on tapping on the tab in the tab bar.\n   */\n  tabPress: { data: undefined; canPreventDefault: true };\n  /**\n   * Event which fires on long press on the tab in the tab bar.\n   */\n  tabLongPress: { data: undefined };\n};\n\nexport type LabelPosition = 'beside-icon' | 'below-icon';\n\nexport type BottomTabNavigationHelpers = NavigationHelpers<\n  ParamListBase,\n  BottomTabNavigationEventMap\n> &\n  TabActionHelpers<ParamListBase>;\n\nexport type BottomTabNavigationProp<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined\n> = NavigationProp<\n  ParamList,\n  RouteName,\n  NavigatorID,\n  TabNavigationState<ParamList>,\n  BottomTabNavigationOptions,\n  BottomTabNavigationEventMap\n> &\n  TabActionHelpers<ParamList>;\n\nexport type BottomTabScreenProps<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined\n> = {\n  navigation: BottomTabNavigationProp<ParamList, RouteName, NavigatorID>;\n  route: RouteProp<ParamList, RouteName>;\n};\n\nexport type TimingKeyboardAnimationConfig = {\n  animation: 'timing';\n  config?: Omit<\n    Partial<Animated.TimingAnimationConfig>,\n    'toValue' | 'useNativeDriver'\n  >;\n};\n\nexport type SpringKeyboardAnimationConfig = {\n  animation: 'spring';\n  config?: Omit<\n    Partial<Animated.SpringAnimationConfig>,\n    'toValue' | 'useNativeDriver'\n  >;\n};\n\nexport type TabBarVisibilityAnimationConfig =\n  | TimingKeyboardAnimationConfig\n  | SpringKeyboardAnimationConfig;\n\nexport type BottomTabNavigationOptions = HeaderOptions & {\n  /**\n   * Title text for the screen.\n   */\n  title?: string;\n\n  /**\n   * Title string of a tab displayed in the tab bar\n   * or a function that given { focused: boolean, color: string, position: 'below-icon' | 'beside-icon' } returns a React.Node to display in tab bar.\n   *\n   * When undefined, scene title is used. Use `tabBarShowLabel` to hide the label.\n   */\n  tabBarLabel?:\n    | string\n    | ((props: {\n        focused: boolean;\n        color: string;\n        position: LabelPosition;\n      }) => React.ReactNode);\n\n  /**\n   * Whether the tab label should be visible. Defaults to `true`.\n   */\n  tabBarShowLabel?: boolean;\n\n  /**\n   * Whether the label is shown below the icon or beside the icon.\n   *\n   * - `below-icon`: the label is shown below the icon (typical for iPhones)\n   * - `beside-icon` the label is shown next to the icon (typical for iPad)\n   *\n   * By default, the position is chosen automatically based on device width.\n   */\n  tabBarLabelPosition?: LabelPosition;\n\n  /**\n   * Style object for the tab label.\n   */\n  tabBarLabelStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Whether label font should scale to respect Text Size accessibility settings.\n   */\n  tabBarAllowFontScaling?: boolean;\n\n  /**\n   * A function that given { focused: boolean, color: string } returns a React.Node to display in the tab bar.\n   */\n  tabBarIcon?: (props: {\n    focused: boolean;\n    color: string;\n    size: number;\n  }) => React.ReactNode;\n\n  /**\n   * Style object for the tab icon.\n   */\n  tabBarIconStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Text to show in a badge on the tab icon.\n   */\n  tabBarBadge?: number | string;\n\n  /**\n   * Custom style for the tab bar badge.\n   * You can specify a background color or text color here.\n   */\n  tabBarBadgeStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.\n   * It's recommended to set this if you don't have a label for the tab.\n   */\n  tabBarAccessibilityLabel?: string;\n\n  /**\n   * ID to locate this tab button in tests.\n   */\n  tabBarTestID?: string;\n\n  /**\n   * Function which returns a React element to render as the tab bar button.\n   * Renders `Pressable` by default.\n   */\n  tabBarButton?: (props: BottomTabBarButtonProps) => React.ReactNode;\n\n  /**\n   * Color for the icon and label in the active tab.\n   */\n  tabBarActiveTintColor?: string;\n\n  /**\n   * Color for the icon and label in the inactive tabs.\n   */\n  tabBarInactiveTintColor?: string;\n\n  /**\n   * Background color for the active tab.\n   */\n  tabBarActiveBackgroundColor?: string;\n\n  /**\n   * Background color for the inactive tabs.\n   */\n  tabBarInactiveBackgroundColor?: string;\n\n  /**\n   * Style object for the tab item container.\n   */\n  tabBarItemStyle?: StyleProp<ViewStyle>;\n\n  /**\n   * Whether the tab bar gets hidden when the keyboard is shown. Defaults to `false`.\n   */\n  tabBarHideOnKeyboard?: boolean;\n\n  /**\n   * Animation config for showing and hiding the tab bar when the keyboard is shown/hidden.\n   */\n  tabBarVisibilityAnimationConfig?: {\n    show?: TabBarVisibilityAnimationConfig;\n    hide?: TabBarVisibilityAnimationConfig;\n  };\n\n  /**\n   * Style object for the tab bar container.\n   */\n  tabBarStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;\n\n  /**\n   * Function which returns a React Element to use as background for the tab bar.\n   * You could render an image, a gradient, blur view etc.\n   *\n   * When using `BlurView`, make sure to set `position: 'absolute'` in `tabBarStyle` as well.\n   * You'd also need to use `useBottomTabBarHeight()` to add a bottom padding to your content.\n   */\n  tabBarBackground?: () => React.ReactNode;\n\n  /**\n   * Whether this screens should render the first time it's accessed. Defaults to `true`.\n   * Set it to `false` if you want to render the screen on initial render.\n   */\n  lazy?: boolean;\n\n  /**\n   * Function that given returns a React Element to display as a header.\n   */\n  header?: (props: BottomTabHeaderProps) => React.ReactNode;\n\n  /**\n   * Whether to show the header. Setting this to `false` hides the header.\n   * Defaults to `true`.\n   */\n  headerShown?: boolean;\n\n  /**\n   * Whether this screen should be unmounted when navigating away from it.\n   * Defaults to `false`.\n   */\n  unmountOnBlur?: boolean;\n\n  /**\n   * Whether inactive screens should be suspended from re-rendering. Defaults to `false`.\n   * Defaults to `true` when `enableFreeze()` is run at the top of the application.\n   * Requires `react-native-screens` version >=3.16.0.\n   *\n   * Only supported on iOS and Android.\n   */\n  freezeOnBlur?: boolean;\n};\n\nexport type BottomTabDescriptor = Descriptor<\n  BottomTabNavigationOptions,\n  BottomTabNavigationProp<ParamListBase>,\n  RouteProp<ParamListBase>\n>;\n\nexport type BottomTabDescriptorMap = Record<string, BottomTabDescriptor>;\n\nexport type BottomTabNavigationConfig = {\n  /**\n   * Function that returns a React element to display as the tab bar.\n   */\n  tabBar?: (props: BottomTabBarProps) => React.ReactNode;\n  /**\n   * 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.\n   * By default, the device's safe area insets are automatically detected. You can override the behavior with this option.\n   */\n  safeAreaInsets?: {\n    top?: number;\n    right?: number;\n    bottom?: number;\n    left?: number;\n  };\n  /**\n   * Whether inactive screens should be detached from the view hierarchy to save memory.\n   * Make sure to call `enableScreens` from `react-native-screens` to make it work.\n   * Defaults to `true` on Android.\n   */\n  detachInactiveScreens?: boolean;\n  /**\n   * Style object for the component wrapping the screen content.\n   */\n  sceneContainerStyle?: StyleProp<ViewStyle>;\n};\n\nexport type BottomTabHeaderProps = {\n  /**\n   * Layout of the screen.\n   */\n  layout: Layout;\n  /**\n   * Options for the current screen.\n   */\n  options: BottomTabNavigationOptions;\n  /**\n   * Route object for the current screen.\n   */\n  route: RouteProp<ParamListBase>;\n  /**\n   * Navigation prop for the header.\n   */\n  navigation: BottomTabNavigationProp<ParamListBase>;\n};\n\nexport type BottomTabBarProps = {\n  state: TabNavigationState<ParamListBase>;\n  descriptors: BottomTabDescriptorMap;\n  navigation: NavigationHelpers<ParamListBase, BottomTabNavigationEventMap>;\n  insets: EdgeInsets;\n};\n\nexport type BottomTabBarButtonProps = Omit<\n  TouchableWithoutFeedbackProps,\n  'onPress'\n> & {\n  to?: string;\n  children: React.ReactNode;\n  onPress?: (\n    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { HeaderOptions } from '@react-navigation/elements';\nimport type {\n  Descriptor,\n  NavigationHelpers,\n  NavigationProp,\n  ParamListBase,\n  RouteProp,\n  TabActionHelpers,\n  TabNavigationState,\n} from '@react-navigation/native';\nimport type * as React from 'react';\nimport type {\n  Animated,\n  GestureResponderEvent,\n  StyleProp,\n  TextStyle,\n  TouchableWithoutFeedbackProps,\n  ViewStyle,\n} from 'react-native';\nimport type { EdgeInsets } from 'react-native-safe-area-context';\n\nexport type Layout = { width: number; height: number };\n\nexport type BottomTabNavigationEventMap = {\n  /**\n   * Event which fires on tapping on the tab in the tab bar.\n   */\n  tabPress: { data: undefined; canPreventDefault: true };\n  /**\n   * Event which fires on long press on the tab in the tab bar.\n   */\n  tabLongPress: { data: undefined };\n};\n\nexport type LabelPosition = 'beside-icon' | 'below-icon';\n\nexport type BottomTabNavigationHelpers = NavigationHelpers<\n  ParamListBase,\n  BottomTabNavigationEventMap\n> &\n  TabActionHelpers<ParamListBase>;\n\nexport type BottomTabNavigationProp<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined\n> = NavigationProp<\n  ParamList,\n  RouteName,\n  NavigatorID,\n  TabNavigationState<ParamList>,\n  BottomTabNavigationOptions,\n  BottomTabNavigationEventMap\n> &\n  TabActionHelpers<ParamList>;\n\nexport type BottomTabScreenProps<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined\n> = {\n  navigation: BottomTabNavigationProp<ParamList, RouteName, NavigatorID>;\n  route: RouteProp<ParamList, RouteName>;\n};\n\nexport type TimingKeyboardAnimationConfig = {\n  animation: 'timing';\n  config?: Omit<\n    Partial<Animated.TimingAnimationConfig>,\n    'toValue' | 'useNativeDriver'\n  >;\n};\n\nexport type SpringKeyboardAnimationConfig = {\n  animation: 'spring';\n  config?: Omit<\n    Partial<Animated.SpringAnimationConfig>,\n    'toValue' | 'useNativeDriver'\n  >;\n};\n\nexport type TabBarVisibilityAnimationConfig =\n  | TimingKeyboardAnimationConfig\n  | SpringKeyboardAnimationConfig;\n\nexport type BottomTabNavigationOptions = HeaderOptions & {\n  /**\n   * Title text for the screen.\n   */\n  title?: string;\n\n  /**\n   * Title string of a tab displayed in the tab bar\n   * 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.\n   *\n   * When undefined, scene title is used. Use `tabBarShowLabel` to hide the label.\n   */\n  tabBarLabel?:\n    | string\n    | ((props: {\n        focused: boolean;\n        color: string;\n        position: LabelPosition;\n        children: string;\n      }) => React.ReactNode);\n\n  /**\n   * Whether the tab label should be visible. Defaults to `true`.\n   */\n  tabBarShowLabel?: boolean;\n\n  /**\n   * Whether the label is shown below the icon or beside the icon.\n   *\n   * - `below-icon`: the label is shown below the icon (typical for iPhones)\n   * - `beside-icon` the label is shown next to the icon (typical for iPad)\n   *\n   * By default, the position is chosen automatically based on device width.\n   */\n  tabBarLabelPosition?: LabelPosition;\n\n  /**\n   * Style object for the tab label.\n   */\n  tabBarLabelStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Whether label font should scale to respect Text Size accessibility settings.\n   */\n  tabBarAllowFontScaling?: boolean;\n\n  /**\n   * A function that given { focused: boolean, color: string } returns a React.Node to display in the tab bar.\n   */\n  tabBarIcon?: (props: {\n    focused: boolean;\n    color: string;\n    size: number;\n  }) => React.ReactNode;\n\n  /**\n   * Style object for the tab icon.\n   */\n  tabBarIconStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Text to show in a badge on the tab icon.\n   */\n  tabBarBadge?: number | string;\n\n  /**\n   * Custom style for the tab bar badge.\n   * You can specify a background color or text color here.\n   */\n  tabBarBadgeStyle?: StyleProp<TextStyle>;\n\n  /**\n   * Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.\n   * It's recommended to set this if you don't have a label for the tab.\n   */\n  tabBarAccessibilityLabel?: string;\n\n  /**\n   * ID to locate this tab button in tests.\n   */\n  tabBarTestID?: string;\n\n  /**\n   * Function which returns a React element to render as the tab bar button.\n   * Renders `Pressable` by default.\n   */\n  tabBarButton?: (props: BottomTabBarButtonProps) => React.ReactNode;\n\n  /**\n   * Color for the icon and label in the active tab.\n   */\n  tabBarActiveTintColor?: string;\n\n  /**\n   * Color for the icon and label in the inactive tabs.\n   */\n  tabBarInactiveTintColor?: string;\n\n  /**\n   * Background color for the active tab.\n   */\n  tabBarActiveBackgroundColor?: string;\n\n  /**\n   * Background color for the inactive tabs.\n   */\n  tabBarInactiveBackgroundColor?: string;\n\n  /**\n   * Style object for the tab item container.\n   */\n  tabBarItemStyle?: StyleProp<ViewStyle>;\n\n  /**\n   * Whether the tab bar gets hidden when the keyboard is shown. Defaults to `false`.\n   */\n  tabBarHideOnKeyboard?: boolean;\n\n  /**\n   * Animation config for showing and hiding the tab bar when the keyboard is shown/hidden.\n   */\n  tabBarVisibilityAnimationConfig?: {\n    show?: TabBarVisibilityAnimationConfig;\n    hide?: TabBarVisibilityAnimationConfig;\n  };\n\n  /**\n   * Style object for the tab bar container.\n   */\n  tabBarStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;\n\n  /**\n   * Function which returns a React Element to use as background for the tab bar.\n   * You could render an image, a gradient, blur view etc.\n   *\n   * When using `BlurView`, make sure to set `position: 'absolute'` in `tabBarStyle` as well.\n   * You'd also need to use `useBottomTabBarHeight()` to add a bottom padding to your content.\n   */\n  tabBarBackground?: () => React.ReactNode;\n\n  /**\n   * Whether this screens should render the first time it's accessed. Defaults to `true`.\n   * Set it to `false` if you want to render the screen on initial render.\n   */\n  lazy?: boolean;\n\n  /**\n   * Function that given returns a React Element to display as a header.\n   */\n  header?: (props: BottomTabHeaderProps) => React.ReactNode;\n\n  /**\n   * Whether to show the header. Setting this to `false` hides the header.\n   * Defaults to `true`.\n   */\n  headerShown?: boolean;\n\n  /**\n   * Whether this screen should be unmounted when navigating away from it.\n   * Defaults to `false`.\n   */\n  unmountOnBlur?: boolean;\n\n  /**\n   * Whether inactive screens should be suspended from re-rendering. Defaults to `false`.\n   * Defaults to `true` when `enableFreeze()` is run at the top of the application.\n   * Requires `react-native-screens` version >=3.16.0.\n   *\n   * Only supported on iOS and Android.\n   */\n  freezeOnBlur?: boolean;\n};\n\nexport type BottomTabDescriptor = Descriptor<\n  BottomTabNavigationOptions,\n  BottomTabNavigationProp<ParamListBase>,\n  RouteProp<ParamListBase>\n>;\n\nexport type BottomTabDescriptorMap = Record<string, BottomTabDescriptor>;\n\nexport type BottomTabNavigationConfig = {\n  /**\n   * Function that returns a React element to display as the tab bar.\n   */\n  tabBar?: (props: BottomTabBarProps) => React.ReactNode;\n  /**\n   * 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.\n   * By default, the device's safe area insets are automatically detected. You can override the behavior with this option.\n   */\n  safeAreaInsets?: {\n    top?: number;\n    right?: number;\n    bottom?: number;\n    left?: number;\n  };\n  /**\n   * Whether inactive screens should be detached from the view hierarchy to save memory.\n   * Make sure to call `enableScreens` from `react-native-screens` to make it work.\n   * Defaults to `true` on Android.\n   */\n  detachInactiveScreens?: boolean;\n  /**\n   * Style object for the component wrapping the screen content.\n   */\n  sceneContainerStyle?: StyleProp<ViewStyle>;\n};\n\nexport type BottomTabHeaderProps = {\n  /**\n   * Layout of the screen.\n   */\n  layout: Layout;\n  /**\n   * Options for the current screen.\n   */\n  options: BottomTabNavigationOptions;\n  /**\n   * Route object for the current screen.\n   */\n  route: RouteProp<ParamListBase>;\n  /**\n   * Navigation prop for the header.\n   */\n  navigation: BottomTabNavigationProp<ParamListBase>;\n};\n\nexport type BottomTabBarProps = {\n  state: TabNavigationState<ParamListBase>;\n  descriptors: BottomTabDescriptorMap;\n  navigation: NavigationHelpers<ParamListBase, BottomTabNavigationEventMap>;\n  insets: EdgeInsets;\n};\n\nexport type BottomTabBarButtonProps = Omit<\n  TouchableWithoutFeedbackProps,\n  'onPress'\n> & {\n  to?: string;\n  children: React.ReactNode;\n  onPress?: (\n    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n};\n"],"mappings":""}

package/lib/module/utils/useBottomTabBarHeight.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import BottomTabBarHeightContext from './BottomTabBarHeightContext';
-export default function useFloatingBottomTabBarHeight() {
+export default function useBottomTabBarHeight() {
   const height = React.useContext(BottomTabBarHeightContext);
 
   if (height === undefined) {

package/lib/module/utils/useBottomTabBarHeight.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BottomTabBarHeightContext","useFloatingBottomTabBarHeight","height","useContext","undefined","Error"],"sources":["useBottomTabBarHeight.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport BottomTabBarHeightContext from './BottomTabBarHeightContext';\n\nexport default function useFloatingBottomTabBarHeight() {\n  const height = React.useContext(BottomTabBarHeightContext);\n\n  if (height === undefined) {\n    throw new Error(\n      \"Couldn't find the bottom tab bar height. Are you inside a screen in Bottom Tab Navigator?\"\n    );\n  }\n\n  return height;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,yBAAP,MAAsC,6BAAtC;AAEA,eAAe,SAASC,6BAAT,GAAyC;EACtD,MAAMC,MAAM,GAAGH,KAAK,CAACI,UAAN,CAAiBH,yBAAjB,CAAf;;EAEA,IAAIE,MAAM,KAAKE,SAAf,EAA0B;IACxB,MAAM,IAAIC,KAAJ,CACJ,2FADI,CAAN;EAGD;;EAED,OAAOH,MAAP;AACD"}
+{"version":3,"names":["React","BottomTabBarHeightContext","useBottomTabBarHeight","height","useContext","undefined","Error"],"sources":["useBottomTabBarHeight.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport BottomTabBarHeightContext from './BottomTabBarHeightContext';\n\nexport default function useBottomTabBarHeight() {\n  const height = React.useContext(BottomTabBarHeightContext);\n\n  if (height === undefined) {\n    throw new Error(\n      \"Couldn't find the bottom tab bar height. Are you inside a screen in Bottom Tab Navigator?\"\n    );\n  }\n\n  return height;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,yBAAP,MAAsC,6BAAtC;AAEA,eAAe,SAASC,qBAAT,GAAiC;EAC9C,MAAMC,MAAM,GAAGH,KAAK,CAACI,UAAN,CAAiBH,yBAAjB,CAAf;;EAEA,IAAIE,MAAM,KAAKE,SAAf,EAA0B;IACxB,MAAM,IAAIC,KAAJ,CACJ,2FADI,CAAN;EAGD;;EAED,OAAOH,MAAP;AACD"}

package/lib/module/views/BottomTabBar.js

@@ -276,6 +276,7 @@ export default function BottomTabBar(_ref3) {
       value: route
     }, /*#__PURE__*/React.createElement(BottomTabItem, {
       route: route,
+      descriptor: descriptors[route.key],
       focused: focused,
       horizontal: hasHorizontalLabels,
       onPress: onPress,

package/lib/module/views/BottomTabBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["MissingIcon","CommonActions","NavigationContext","NavigationRouteContext","useLinkBuilder","useTheme","React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","BottomTabBarHeightCallbackContext","useIsKeyboardShown","BottomTabItem","DEFAULT_TABBAR_HEIGHT","COMPACT_TABBAR_HEIGHT","DEFAULT_MAX_TAB_ITEM_WIDTH","useNativeDriver","OS","shouldUseHorizontalLabels","state","descriptors","layout","dimensions","tabBarLabelPosition","routes","index","key","options","width","maxTabWidth","reduce","acc","route","tabBarItemStyle","flattenedStyle","flatten","maxWidth","height","getPaddingBottom","insets","Math","max","bottom","select","ios","default","getTabBarHeight","style","rest","customHeight","isLandscape","horizontalLabels","paddingBottom","isPad","BottomTabBar","navigation","colors","buildLink","focusedRoute","focusedDescriptor","focusedOptions","tabBarShowLabel","tabBarHideOnKeyboard","tabBarVisibilityAnimationConfig","tabBarStyle","tabBarBackground","tabBarActiveTintColor","tabBarInactiveTintColor","tabBarActiveBackgroundColor","tabBarInactiveBackgroundColor","isKeyboardShown","onHeightChange","useContext","shouldShowTabBar","visibilityAnimationConfigRef","useRef","useEffect","current","isTabBarHidden","setIsTabBarHidden","useState","visible","Value","visibilityAnimationConfig","animation","show","spring","timing","toValue","duration","config","start","finished","hide","stopAnimation","setLayout","handleLayout","e","nativeEvent","tabBarHeight","hasHorizontalLabels","tabBarBackgroundElement","styles","tabBar","backgroundColor","card","borderTopColor","border","transform","translateY","interpolate","inputRange","outputRange","hairlineWidth","position","paddingHorizontal","left","right","absoluteFill","content","map","focused","onPress","event","emit","type","target","canPreventDefault","defaultPrevented","dispatch","navigate","name","merge","onLongPress","label","tabBarLabel","undefined","title","accessibilityLabel","tabBarAccessibilityLabel","length","params","tabBarTestID","tabBarAllowFontScaling","tabBarButton","tabBarIcon","color","size","tabBarBadge","tabBarBadgeStyle","tabBarLabelStyle","tabBarIconStyle","create","borderTopWidth","elevation","flex","flexDirection"],"sources":["BottomTabBar.tsx"],"sourcesContent":["import { MissingIcon } from '@react-navigation/elements';\nimport {\n  CommonActions,\n  NavigationContext,\n  NavigationRouteContext,\n  ParamListBase,\n  TabNavigationState,\n  useLinkBuilder,\n  useTheme,\n} from '@react-navigation/native';\nimport React from 'react';\nimport {\n  Animated,\n  LayoutChangeEvent,\n  Platform,\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport { EdgeInsets, useSafeAreaFrame } from 'react-native-safe-area-context';\n\nimport type { BottomTabBarProps, BottomTabDescriptorMap } from '../types';\nimport BottomTabBarHeightCallbackContext from '../utils/BottomTabBarHeightCallbackContext';\nimport useIsKeyboardShown from '../utils/useIsKeyboardShown';\nimport BottomTabItem from './BottomTabItem';\n\ntype Props = BottomTabBarProps & {\n  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;\n};\n\nconst DEFAULT_TABBAR_HEIGHT = 49;\nconst COMPACT_TABBAR_HEIGHT = 32;\nconst DEFAULT_MAX_TAB_ITEM_WIDTH = 125;\n\nconst useNativeDriver = Platform.OS !== 'web';\n\ntype Options = {\n  state: TabNavigationState<ParamListBase>;\n  descriptors: BottomTabDescriptorMap;\n  layout: { height: number; width: number };\n  dimensions: { height: number; width: number };\n};\n\nconst shouldUseHorizontalLabels = ({\n  state,\n  descriptors,\n  layout,\n  dimensions,\n}: Options) => {\n  const { tabBarLabelPosition } =\n    descriptors[state.routes[state.index].key].options;\n\n  if (tabBarLabelPosition) {\n    switch (tabBarLabelPosition) {\n      case 'beside-icon':\n        return true;\n      case 'below-icon':\n        return false;\n    }\n  }\n\n  if (layout.width >= 768) {\n    // Screen size matches a tablet\n    const maxTabWidth = state.routes.reduce((acc, route) => {\n      const { tabBarItemStyle } = descriptors[route.key].options;\n      const flattenedStyle = StyleSheet.flatten(tabBarItemStyle);\n\n      if (flattenedStyle) {\n        if (typeof flattenedStyle.width === 'number') {\n          return acc + flattenedStyle.width;\n        } else if (typeof flattenedStyle.maxWidth === 'number') {\n          return acc + flattenedStyle.maxWidth;\n        }\n      }\n\n      return acc + DEFAULT_MAX_TAB_ITEM_WIDTH;\n    }, 0);\n\n    return maxTabWidth <= layout.width;\n  } else {\n    return dimensions.width > dimensions.height;\n  }\n};\n\nconst getPaddingBottom = (insets: EdgeInsets) =>\n  Math.max(insets.bottom - Platform.select({ ios: 4, default: 0 }), 0);\n\nexport const getTabBarHeight = ({\n  state,\n  descriptors,\n  dimensions,\n  insets,\n  style,\n  ...rest\n}: Options & {\n  insets: EdgeInsets;\n  style: Animated.WithAnimatedValue<StyleProp<ViewStyle>> | undefined;\n}) => {\n  // @ts-ignore\n  const customHeight = StyleSheet.flatten(style)?.height;\n\n  if (typeof customHeight === 'number') {\n    return customHeight;\n  }\n\n  const isLandscape = dimensions.width > dimensions.height;\n  const horizontalLabels = shouldUseHorizontalLabels({\n    state,\n    descriptors,\n    dimensions,\n    ...rest,\n  });\n  const paddingBottom = getPaddingBottom(insets);\n\n  if (\n    Platform.OS === 'ios' &&\n    !Platform.isPad &&\n    isLandscape &&\n    horizontalLabels\n  ) {\n    return COMPACT_TABBAR_HEIGHT + paddingBottom;\n  }\n\n  return DEFAULT_TABBAR_HEIGHT + paddingBottom;\n};\n\nexport default function BottomTabBar({\n  state,\n  navigation,\n  descriptors,\n  insets,\n  style,\n}: Props) {\n  const { colors } = useTheme();\n  const buildLink = useLinkBuilder();\n\n  const focusedRoute = state.routes[state.index];\n  const focusedDescriptor = descriptors[focusedRoute.key];\n  const focusedOptions = focusedDescriptor.options;\n\n  const {\n    tabBarShowLabel,\n    tabBarHideOnKeyboard = false,\n    tabBarVisibilityAnimationConfig,\n    tabBarStyle,\n    tabBarBackground,\n    tabBarActiveTintColor,\n    tabBarInactiveTintColor,\n    tabBarActiveBackgroundColor,\n    tabBarInactiveBackgroundColor,\n  } = focusedOptions;\n\n  const dimensions = useSafeAreaFrame();\n  const isKeyboardShown = useIsKeyboardShown();\n\n  const onHeightChange = React.useContext(BottomTabBarHeightCallbackContext);\n\n  const shouldShowTabBar = !(tabBarHideOnKeyboard && isKeyboardShown);\n\n  const visibilityAnimationConfigRef = React.useRef(\n    tabBarVisibilityAnimationConfig\n  );\n\n  React.useEffect(() => {\n    visibilityAnimationConfigRef.current = tabBarVisibilityAnimationConfig;\n  });\n\n  const [isTabBarHidden, setIsTabBarHidden] = React.useState(!shouldShowTabBar);\n\n  const [visible] = React.useState(\n    () => new Animated.Value(shouldShowTabBar ? 1 : 0)\n  );\n\n  React.useEffect(() => {\n    const visibilityAnimationConfig = visibilityAnimationConfigRef.current;\n\n    if (shouldShowTabBar) {\n      const animation =\n        visibilityAnimationConfig?.show?.animation === 'spring'\n          ? Animated.spring\n          : Animated.timing;\n\n      animation(visible, {\n        toValue: 1,\n        useNativeDriver,\n        duration: 250,\n        ...visibilityAnimationConfig?.show?.config,\n      }).start(({ finished }) => {\n        if (finished) {\n          setIsTabBarHidden(false);\n        }\n      });\n    } else {\n      setIsTabBarHidden(true);\n\n      const animation =\n        visibilityAnimationConfig?.hide?.animation === 'spring'\n          ? Animated.spring\n          : Animated.timing;\n\n      animation(visible, {\n        toValue: 0,\n        useNativeDriver,\n        duration: 200,\n        ...visibilityAnimationConfig?.hide?.config,\n      }).start();\n    }\n\n    return () => visible.stopAnimation();\n  }, [visible, shouldShowTabBar]);\n\n  const [layout, setLayout] = React.useState({\n    height: 0,\n    width: dimensions.width,\n  });\n\n  const handleLayout = (e: LayoutChangeEvent) => {\n    const { height, width } = e.nativeEvent.layout;\n\n    onHeightChange?.(height);\n\n    setLayout((layout) => {\n      if (height === layout.height && width === layout.width) {\n        return layout;\n      } else {\n        return {\n          height,\n          width,\n        };\n      }\n    });\n  };\n\n  const { routes } = state;\n\n  const paddingBottom = getPaddingBottom(insets);\n  const tabBarHeight = getTabBarHeight({\n    state,\n    descriptors,\n    insets,\n    dimensions,\n    layout,\n    style: [tabBarStyle, style],\n  });\n\n  const hasHorizontalLabels = shouldUseHorizontalLabels({\n    state,\n    descriptors,\n    dimensions,\n    layout,\n  });\n\n  const tabBarBackgroundElement = tabBarBackground?.();\n\n  return (\n    <Animated.View\n      style={[\n        styles.tabBar,\n        {\n          backgroundColor:\n            tabBarBackgroundElement != null ? 'transparent' : colors.card,\n          borderTopColor: colors.border,\n        },\n        {\n          transform: [\n            {\n              translateY: visible.interpolate({\n                inputRange: [0, 1],\n                outputRange: [\n                  layout.height + paddingBottom + StyleSheet.hairlineWidth,\n                  0,\n                ],\n              }),\n            },\n          ],\n          // Absolutely position the tab bar so that the content is below it\n          // This is needed to avoid gap at bottom when the tab bar is hidden\n          position: isTabBarHidden ? 'absolute' : (null as any),\n        },\n        {\n          height: tabBarHeight,\n          paddingBottom,\n          paddingHorizontal: Math.max(insets.left, insets.right),\n        },\n        tabBarStyle,\n      ]}\n      pointerEvents={isTabBarHidden ? 'none' : 'auto'}\n      onLayout={handleLayout}\n    >\n      <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n        {tabBarBackgroundElement}\n      </View>\n      <View accessibilityRole=\"tablist\" style={styles.content}>\n        {routes.map((route, index) => {\n          const focused = index === state.index;\n          const { options } = descriptors[route.key];\n\n          const onPress = () => {\n            const event = navigation.emit({\n              type: 'tabPress',\n              target: route.key,\n              canPreventDefault: true,\n            });\n\n            if (!focused && !event.defaultPrevented) {\n              navigation.dispatch({\n                ...CommonActions.navigate({ name: route.name, merge: true }),\n                target: state.key,\n              });\n            }\n          };\n\n          const onLongPress = () => {\n            navigation.emit({\n              type: 'tabLongPress',\n              target: route.key,\n            });\n          };\n\n          const label =\n            options.tabBarLabel !== undefined\n              ? options.tabBarLabel\n              : options.title !== undefined\n              ? options.title\n              : route.name;\n\n          const accessibilityLabel =\n            options.tabBarAccessibilityLabel !== undefined\n              ? options.tabBarAccessibilityLabel\n              : typeof label === 'string' && Platform.OS === 'ios'\n              ? `${label}, tab, ${index + 1} of ${routes.length}`\n              : undefined;\n\n          return (\n            <NavigationContext.Provider\n              key={route.key}\n              value={descriptors[route.key].navigation}\n            >\n              <NavigationRouteContext.Provider value={route}>\n                <BottomTabItem\n                  route={route}\n                  focused={focused}\n                  horizontal={hasHorizontalLabels}\n                  onPress={onPress}\n                  onLongPress={onLongPress}\n                  accessibilityLabel={accessibilityLabel}\n                  to={buildLink(route.name, route.params)}\n                  testID={options.tabBarTestID}\n                  allowFontScaling={options.tabBarAllowFontScaling}\n                  activeTintColor={tabBarActiveTintColor}\n                  inactiveTintColor={tabBarInactiveTintColor}\n                  activeBackgroundColor={tabBarActiveBackgroundColor}\n                  inactiveBackgroundColor={tabBarInactiveBackgroundColor}\n                  button={options.tabBarButton}\n                  icon={\n                    options.tabBarIcon ??\n                    (({ color, size }) => (\n                      <MissingIcon color={color} size={size} />\n                    ))\n                  }\n                  badge={options.tabBarBadge}\n                  badgeStyle={options.tabBarBadgeStyle}\n                  label={label}\n                  showLabel={tabBarShowLabel}\n                  labelStyle={options.tabBarLabelStyle}\n                  iconStyle={options.tabBarIconStyle}\n                  style={options.tabBarItemStyle}\n                />\n              </NavigationRouteContext.Provider>\n            </NavigationContext.Provider>\n          );\n        })}\n      </View>\n    </Animated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  tabBar: {\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderTopWidth: StyleSheet.hairlineWidth,\n    elevation: 8,\n  },\n  content: {\n    flex: 1,\n    flexDirection: 'row',\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["MissingIcon","CommonActions","NavigationContext","NavigationRouteContext","useLinkBuilder","useTheme","React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","BottomTabBarHeightCallbackContext","useIsKeyboardShown","BottomTabItem","DEFAULT_TABBAR_HEIGHT","COMPACT_TABBAR_HEIGHT","DEFAULT_MAX_TAB_ITEM_WIDTH","useNativeDriver","OS","shouldUseHorizontalLabels","state","descriptors","layout","dimensions","tabBarLabelPosition","routes","index","key","options","width","maxTabWidth","reduce","acc","route","tabBarItemStyle","flattenedStyle","flatten","maxWidth","height","getPaddingBottom","insets","Math","max","bottom","select","ios","default","getTabBarHeight","style","rest","customHeight","isLandscape","horizontalLabels","paddingBottom","isPad","BottomTabBar","navigation","colors","buildLink","focusedRoute","focusedDescriptor","focusedOptions","tabBarShowLabel","tabBarHideOnKeyboard","tabBarVisibilityAnimationConfig","tabBarStyle","tabBarBackground","tabBarActiveTintColor","tabBarInactiveTintColor","tabBarActiveBackgroundColor","tabBarInactiveBackgroundColor","isKeyboardShown","onHeightChange","useContext","shouldShowTabBar","visibilityAnimationConfigRef","useRef","useEffect","current","isTabBarHidden","setIsTabBarHidden","useState","visible","Value","visibilityAnimationConfig","animation","show","spring","timing","toValue","duration","config","start","finished","hide","stopAnimation","setLayout","handleLayout","e","nativeEvent","tabBarHeight","hasHorizontalLabels","tabBarBackgroundElement","styles","tabBar","backgroundColor","card","borderTopColor","border","transform","translateY","interpolate","inputRange","outputRange","hairlineWidth","position","paddingHorizontal","left","right","absoluteFill","content","map","focused","onPress","event","emit","type","target","canPreventDefault","defaultPrevented","dispatch","navigate","name","merge","onLongPress","label","tabBarLabel","undefined","title","accessibilityLabel","tabBarAccessibilityLabel","length","params","tabBarTestID","tabBarAllowFontScaling","tabBarButton","tabBarIcon","color","size","tabBarBadge","tabBarBadgeStyle","tabBarLabelStyle","tabBarIconStyle","create","borderTopWidth","elevation","flex","flexDirection"],"sources":["BottomTabBar.tsx"],"sourcesContent":["import { MissingIcon } from '@react-navigation/elements';\nimport {\n  CommonActions,\n  NavigationContext,\n  NavigationRouteContext,\n  ParamListBase,\n  TabNavigationState,\n  useLinkBuilder,\n  useTheme,\n} from '@react-navigation/native';\nimport React from 'react';\nimport {\n  Animated,\n  LayoutChangeEvent,\n  Platform,\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport { EdgeInsets, useSafeAreaFrame } from 'react-native-safe-area-context';\n\nimport type { BottomTabBarProps, BottomTabDescriptorMap } from '../types';\nimport BottomTabBarHeightCallbackContext from '../utils/BottomTabBarHeightCallbackContext';\nimport useIsKeyboardShown from '../utils/useIsKeyboardShown';\nimport BottomTabItem from './BottomTabItem';\n\ntype Props = BottomTabBarProps & {\n  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;\n};\n\nconst DEFAULT_TABBAR_HEIGHT = 49;\nconst COMPACT_TABBAR_HEIGHT = 32;\nconst DEFAULT_MAX_TAB_ITEM_WIDTH = 125;\n\nconst useNativeDriver = Platform.OS !== 'web';\n\ntype Options = {\n  state: TabNavigationState<ParamListBase>;\n  descriptors: BottomTabDescriptorMap;\n  layout: { height: number; width: number };\n  dimensions: { height: number; width: number };\n};\n\nconst shouldUseHorizontalLabels = ({\n  state,\n  descriptors,\n  layout,\n  dimensions,\n}: Options) => {\n  const { tabBarLabelPosition } =\n    descriptors[state.routes[state.index].key].options;\n\n  if (tabBarLabelPosition) {\n    switch (tabBarLabelPosition) {\n      case 'beside-icon':\n        return true;\n      case 'below-icon':\n        return false;\n    }\n  }\n\n  if (layout.width >= 768) {\n    // Screen size matches a tablet\n    const maxTabWidth = state.routes.reduce((acc, route) => {\n      const { tabBarItemStyle } = descriptors[route.key].options;\n      const flattenedStyle = StyleSheet.flatten(tabBarItemStyle);\n\n      if (flattenedStyle) {\n        if (typeof flattenedStyle.width === 'number') {\n          return acc + flattenedStyle.width;\n        } else if (typeof flattenedStyle.maxWidth === 'number') {\n          return acc + flattenedStyle.maxWidth;\n        }\n      }\n\n      return acc + DEFAULT_MAX_TAB_ITEM_WIDTH;\n    }, 0);\n\n    return maxTabWidth <= layout.width;\n  } else {\n    return dimensions.width > dimensions.height;\n  }\n};\n\nconst getPaddingBottom = (insets: EdgeInsets) =>\n  Math.max(insets.bottom - Platform.select({ ios: 4, default: 0 }), 0);\n\nexport const getTabBarHeight = ({\n  state,\n  descriptors,\n  dimensions,\n  insets,\n  style,\n  ...rest\n}: Options & {\n  insets: EdgeInsets;\n  style: Animated.WithAnimatedValue<StyleProp<ViewStyle>> | undefined;\n}) => {\n  // @ts-ignore\n  const customHeight = StyleSheet.flatten(style)?.height;\n\n  if (typeof customHeight === 'number') {\n    return customHeight;\n  }\n\n  const isLandscape = dimensions.width > dimensions.height;\n  const horizontalLabels = shouldUseHorizontalLabels({\n    state,\n    descriptors,\n    dimensions,\n    ...rest,\n  });\n  const paddingBottom = getPaddingBottom(insets);\n\n  if (\n    Platform.OS === 'ios' &&\n    !Platform.isPad &&\n    isLandscape &&\n    horizontalLabels\n  ) {\n    return COMPACT_TABBAR_HEIGHT + paddingBottom;\n  }\n\n  return DEFAULT_TABBAR_HEIGHT + paddingBottom;\n};\n\nexport default function BottomTabBar({\n  state,\n  navigation,\n  descriptors,\n  insets,\n  style,\n}: Props) {\n  const { colors } = useTheme();\n  const buildLink = useLinkBuilder();\n\n  const focusedRoute = state.routes[state.index];\n  const focusedDescriptor = descriptors[focusedRoute.key];\n  const focusedOptions = focusedDescriptor.options;\n\n  const {\n    tabBarShowLabel,\n    tabBarHideOnKeyboard = false,\n    tabBarVisibilityAnimationConfig,\n    tabBarStyle,\n    tabBarBackground,\n    tabBarActiveTintColor,\n    tabBarInactiveTintColor,\n    tabBarActiveBackgroundColor,\n    tabBarInactiveBackgroundColor,\n  } = focusedOptions;\n\n  const dimensions = useSafeAreaFrame();\n  const isKeyboardShown = useIsKeyboardShown();\n\n  const onHeightChange = React.useContext(BottomTabBarHeightCallbackContext);\n\n  const shouldShowTabBar = !(tabBarHideOnKeyboard && isKeyboardShown);\n\n  const visibilityAnimationConfigRef = React.useRef(\n    tabBarVisibilityAnimationConfig\n  );\n\n  React.useEffect(() => {\n    visibilityAnimationConfigRef.current = tabBarVisibilityAnimationConfig;\n  });\n\n  const [isTabBarHidden, setIsTabBarHidden] = React.useState(!shouldShowTabBar);\n\n  const [visible] = React.useState(\n    () => new Animated.Value(shouldShowTabBar ? 1 : 0)\n  );\n\n  React.useEffect(() => {\n    const visibilityAnimationConfig = visibilityAnimationConfigRef.current;\n\n    if (shouldShowTabBar) {\n      const animation =\n        visibilityAnimationConfig?.show?.animation === 'spring'\n          ? Animated.spring\n          : Animated.timing;\n\n      animation(visible, {\n        toValue: 1,\n        useNativeDriver,\n        duration: 250,\n        ...visibilityAnimationConfig?.show?.config,\n      }).start(({ finished }) => {\n        if (finished) {\n          setIsTabBarHidden(false);\n        }\n      });\n    } else {\n      setIsTabBarHidden(true);\n\n      const animation =\n        visibilityAnimationConfig?.hide?.animation === 'spring'\n          ? Animated.spring\n          : Animated.timing;\n\n      animation(visible, {\n        toValue: 0,\n        useNativeDriver,\n        duration: 200,\n        ...visibilityAnimationConfig?.hide?.config,\n      }).start();\n    }\n\n    return () => visible.stopAnimation();\n  }, [visible, shouldShowTabBar]);\n\n  const [layout, setLayout] = React.useState({\n    height: 0,\n    width: dimensions.width,\n  });\n\n  const handleLayout = (e: LayoutChangeEvent) => {\n    const { height, width } = e.nativeEvent.layout;\n\n    onHeightChange?.(height);\n\n    setLayout((layout) => {\n      if (height === layout.height && width === layout.width) {\n        return layout;\n      } else {\n        return {\n          height,\n          width,\n        };\n      }\n    });\n  };\n\n  const { routes } = state;\n\n  const paddingBottom = getPaddingBottom(insets);\n  const tabBarHeight = getTabBarHeight({\n    state,\n    descriptors,\n    insets,\n    dimensions,\n    layout,\n    style: [tabBarStyle, style],\n  });\n\n  const hasHorizontalLabels = shouldUseHorizontalLabels({\n    state,\n    descriptors,\n    dimensions,\n    layout,\n  });\n\n  const tabBarBackgroundElement = tabBarBackground?.();\n\n  return (\n    <Animated.View\n      style={[\n        styles.tabBar,\n        {\n          backgroundColor:\n            tabBarBackgroundElement != null ? 'transparent' : colors.card,\n          borderTopColor: colors.border,\n        },\n        {\n          transform: [\n            {\n              translateY: visible.interpolate({\n                inputRange: [0, 1],\n                outputRange: [\n                  layout.height + paddingBottom + StyleSheet.hairlineWidth,\n                  0,\n                ],\n              }),\n            },\n          ],\n          // Absolutely position the tab bar so that the content is below it\n          // This is needed to avoid gap at bottom when the tab bar is hidden\n          position: isTabBarHidden ? 'absolute' : (null as any),\n        },\n        {\n          height: tabBarHeight,\n          paddingBottom,\n          paddingHorizontal: Math.max(insets.left, insets.right),\n        },\n        tabBarStyle,\n      ]}\n      pointerEvents={isTabBarHidden ? 'none' : 'auto'}\n      onLayout={handleLayout}\n    >\n      <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n        {tabBarBackgroundElement}\n      </View>\n      <View accessibilityRole=\"tablist\" style={styles.content}>\n        {routes.map((route, index) => {\n          const focused = index === state.index;\n          const { options } = descriptors[route.key];\n\n          const onPress = () => {\n            const event = navigation.emit({\n              type: 'tabPress',\n              target: route.key,\n              canPreventDefault: true,\n            });\n\n            if (!focused && !event.defaultPrevented) {\n              navigation.dispatch({\n                ...CommonActions.navigate({ name: route.name, merge: true }),\n                target: state.key,\n              });\n            }\n          };\n\n          const onLongPress = () => {\n            navigation.emit({\n              type: 'tabLongPress',\n              target: route.key,\n            });\n          };\n\n          const label =\n            options.tabBarLabel !== undefined\n              ? options.tabBarLabel\n              : options.title !== undefined\n              ? options.title\n              : route.name;\n\n          const accessibilityLabel =\n            options.tabBarAccessibilityLabel !== undefined\n              ? options.tabBarAccessibilityLabel\n              : typeof label === 'string' && Platform.OS === 'ios'\n              ? `${label}, tab, ${index + 1} of ${routes.length}`\n              : undefined;\n\n          return (\n            <NavigationContext.Provider\n              key={route.key}\n              value={descriptors[route.key].navigation}\n            >\n              <NavigationRouteContext.Provider value={route}>\n                <BottomTabItem\n                  route={route}\n                  descriptor={descriptors[route.key]}\n                  focused={focused}\n                  horizontal={hasHorizontalLabels}\n                  onPress={onPress}\n                  onLongPress={onLongPress}\n                  accessibilityLabel={accessibilityLabel}\n                  to={buildLink(route.name, route.params)}\n                  testID={options.tabBarTestID}\n                  allowFontScaling={options.tabBarAllowFontScaling}\n                  activeTintColor={tabBarActiveTintColor}\n                  inactiveTintColor={tabBarInactiveTintColor}\n                  activeBackgroundColor={tabBarActiveBackgroundColor}\n                  inactiveBackgroundColor={tabBarInactiveBackgroundColor}\n                  button={options.tabBarButton}\n                  icon={\n                    options.tabBarIcon ??\n                    (({ color, size }) => (\n                      <MissingIcon color={color} size={size} />\n                    ))\n                  }\n                  badge={options.tabBarBadge}\n                  badgeStyle={options.tabBarBadgeStyle}\n                  label={label}\n                  showLabel={tabBarShowLabel}\n                  labelStyle={options.tabBarLabelStyle}\n                  iconStyle={options.tabBarIconStyle}\n                  style={options.tabBarItemStyle}\n                />\n              </NavigationRouteContext.Provider>\n            </NavigationContext.Provider>\n          );\n        })}\n      </View>\n    </Animated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  tabBar: {\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderTopWidth: StyleSheet.hairlineWidth,\n    elevation: 8,\n  },\n  content: {\n    flex: 1,\n    flexDirection: 'row',\n  },\n});\n"],"mappings":"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"}

package/lib/module/views/BottomTabItem.js

@@ -9,6 +9,7 @@ export default function BottomTabBarItem(_ref) {
   let {
     focused,
     route,
+    descriptor,
     label,
     icon,
     badge,
@@ -89,10 +90,15 @@ export default function BottomTabBarItem(_ref) {
       }, label);
     }
 
+    const {
+      options
+    } = descriptor;
+    const children = typeof options.tabBarLabel === 'string' ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
     return label({
       focused,
       color,
-      position: horizontal ? 'beside-icon' : 'below-icon'
+      position: horizontal ? 'beside-icon' : 'below-icon',
+      children
     });
   };
 

package/lib/module/views/BottomTabItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["Link","useTheme","Color","React","Platform","Pressable","StyleSheet","Text","TabBarIcon","BottomTabBarItem","focused","route","label","icon","badge","badgeStyle","to","button","children","style","onPress","accessibilityRole","rest","OS","styles","e","metaKey","altKey","ctrlKey","shiftKey","preventDefault","accessibilityLabel","testID","onLongPress","horizontal","activeTintColor","customActiveTintColor","inactiveTintColor","customInactiveTintColor","activeBackgroundColor","inactiveBackgroundColor","showLabel","allowFontScaling","labelStyle","iconStyle","colors","undefined","primary","text","mix","card","hex","renderLabel","color","labelBeside","labelBeneath","position","renderIcon","activeOpacity","inactiveOpacity","scene","backgroundColor","select","ios","default","accessibilityState","selected","accessibilityStates","tab","tabLandscape","tabPortrait","create","flex","alignItems","justifyContent","flexDirection","textAlign","fontSize","marginLeft","marginTop","display"],"sources":["BottomTabItem.tsx"],"sourcesContent":["import { Link, Route, useTheme } from '@react-navigation/native';\nimport Color from 'color';\nimport React from 'react';\nimport {\n  GestureResponderEvent,\n  Platform,\n  Pressable,\n  StyleProp,\n  StyleSheet,\n  Text,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\n\nimport type { BottomTabBarButtonProps, LabelPosition } from '../types';\nimport TabBarIcon from './TabBarIcon';\n\ntype Props = {\n  /**\n   * Whether the tab is focused.\n   */\n  focused: boolean;\n  /**\n   * The route object which should be specified by the tab.\n   */\n  route: Route<string>;\n  /**\n   * The label text of the tab.\n   */\n  label:\n    | string\n    | ((props: {\n        focused: boolean;\n        color: string;\n        position: LabelPosition;\n      }) => React.ReactNode);\n  /**\n   * Icon to display for the tab.\n   */\n  icon: (props: {\n    focused: boolean;\n    size: number;\n    color: string;\n  }) => React.ReactNode;\n  /**\n   * Text to show in a badge on the tab icon.\n   */\n  badge?: number | string;\n  /**\n   * Custom style for the badge.\n   */\n  badgeStyle?: StyleProp<TextStyle>;\n  /**\n   * URL to use for the link to the tab.\n   */\n  to?: string;\n  /**\n   * The button for the tab. Uses a `TouchableWithoutFeedback` by default.\n   */\n  button?: (props: BottomTabBarButtonProps) => React.ReactNode;\n  /**\n   * The accessibility label for the tab.\n   */\n  accessibilityLabel?: string;\n  /**\n   * An unique ID for testing for the tab.\n   */\n  testID?: string;\n  /**\n   * Function to execute on press in React Native.\n   * On the web, this will use onClick.\n   */\n  onPress: (\n    e: React.MouseEvent<HTMLElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n  /**\n   * Function to execute on long press.\n   */\n  onLongPress: (e: GestureResponderEvent) => void;\n  /**\n   * Whether the label should be aligned with the icon horizontally.\n   */\n  horizontal: boolean;\n  /**\n   * Color for the icon and label when the item is active.\n   */\n  activeTintColor?: string;\n  /**\n   * Color for the icon and label when the item is inactive.\n   */\n  inactiveTintColor?: string;\n  /**\n   * Background color for item when its active.\n   */\n  activeBackgroundColor?: string;\n  /**\n   * Background color for item when its inactive.\n   */\n  inactiveBackgroundColor?: string;\n  /**\n   * Whether to show the label text for the tab.\n   */\n  showLabel?: boolean;\n  /**\n   * Whether to allow scaling the font for the label for accessibility purposes.\n   */\n  allowFontScaling?: boolean;\n  /**\n   * Style object for the label element.\n   */\n  labelStyle?: StyleProp<TextStyle>;\n  /**\n   * Style object for the icon element.\n   */\n  iconStyle?: StyleProp<ViewStyle>;\n  /**\n   * Style object for the wrapper element.\n   */\n  style?: StyleProp<ViewStyle>;\n};\n\nexport default function BottomTabBarItem({\n  focused,\n  route,\n  label,\n  icon,\n  badge,\n  badgeStyle,\n  to,\n  button = ({\n    children,\n    style,\n    onPress,\n    to,\n    accessibilityRole,\n    ...rest\n  }: BottomTabBarButtonProps) => {\n    if (Platform.OS === 'web' && to) {\n      // React Native Web doesn't forward `onClick` if we use `TouchableWithoutFeedback`.\n      // We need to use `onClick` to be able to prevent default browser handling of links.\n      return (\n        <Link\n          {...rest}\n          to={to}\n          style={[styles.button, style]}\n          onPress={(e: any) => {\n            if (\n              !(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) && // ignore clicks with modifier keys\n              (e.button == null || e.button === 0) // ignore everything but left clicks\n            ) {\n              e.preventDefault();\n              onPress?.(e);\n            }\n          }}\n        >\n          {children}\n        </Link>\n      );\n    } else {\n      return (\n        <Pressable\n          {...rest}\n          accessibilityRole={accessibilityRole}\n          onPress={onPress}\n          style={style}\n        >\n          {children}\n        </Pressable>\n      );\n    }\n  },\n  accessibilityLabel,\n  testID,\n  onPress,\n  onLongPress,\n  horizontal,\n  activeTintColor: customActiveTintColor,\n  inactiveTintColor: customInactiveTintColor,\n  activeBackgroundColor = 'transparent',\n  inactiveBackgroundColor = 'transparent',\n  showLabel = true,\n  allowFontScaling,\n  labelStyle,\n  iconStyle,\n  style,\n}: Props) {\n  const { colors } = useTheme();\n\n  const activeTintColor =\n    customActiveTintColor === undefined\n      ? colors.primary\n      : customActiveTintColor;\n\n  const inactiveTintColor =\n    customInactiveTintColor === undefined\n      ? Color(colors.text).mix(Color(colors.card), 0.5).hex()\n      : customInactiveTintColor;\n\n  const renderLabel = ({ focused }: { focused: boolean }) => {\n    if (showLabel === false) {\n      return null;\n    }\n\n    const color = focused ? activeTintColor : inactiveTintColor;\n\n    if (typeof label === 'string') {\n      return (\n        <Text\n          numberOfLines={1}\n          style={[\n            styles.label,\n            { color },\n            horizontal ? styles.labelBeside : styles.labelBeneath,\n            labelStyle,\n          ]}\n          allowFontScaling={allowFontScaling}\n        >\n          {label}\n        </Text>\n      );\n    }\n\n    return label({\n      focused,\n      color,\n      position: horizontal ? 'beside-icon' : 'below-icon',\n    });\n  };\n\n  const renderIcon = ({ focused }: { focused: boolean }) => {\n    if (icon === undefined) {\n      return null;\n    }\n\n    const activeOpacity = focused ? 1 : 0;\n    const inactiveOpacity = focused ? 0 : 1;\n\n    return (\n      <TabBarIcon\n        route={route}\n        horizontal={horizontal}\n        badge={badge}\n        badgeStyle={badgeStyle}\n        activeOpacity={activeOpacity}\n        inactiveOpacity={inactiveOpacity}\n        activeTintColor={activeTintColor}\n        inactiveTintColor={inactiveTintColor}\n        renderIcon={icon}\n        style={iconStyle}\n      />\n    );\n  };\n\n  const scene = { route, focused };\n\n  const backgroundColor = focused\n    ? activeBackgroundColor\n    : inactiveBackgroundColor;\n\n  return button({\n    to,\n    onPress,\n    onLongPress,\n    testID,\n    accessibilityLabel,\n    // FIXME: accessibilityRole: 'tab' doesn't seem to work as expected on iOS\n    accessibilityRole: Platform.select({ ios: 'button', default: 'tab' }),\n    accessibilityState: { selected: focused },\n    // @ts-expect-error: keep for compatibility with older React Native versions\n    accessibilityStates: focused ? ['selected'] : [],\n    style: [\n      styles.tab,\n      { backgroundColor },\n      horizontal ? styles.tabLandscape : styles.tabPortrait,\n      style,\n    ],\n    children: (\n      <React.Fragment>\n        {renderIcon(scene)}\n        {renderLabel(scene)}\n      </React.Fragment>\n    ),\n  }) as React.ReactElement;\n}\n\nconst styles = StyleSheet.create({\n  tab: {\n    flex: 1,\n    alignItems: 'center',\n  },\n  tabPortrait: {\n    justifyContent: 'flex-end',\n    flexDirection: 'column',\n  },\n  tabLandscape: {\n    justifyContent: 'center',\n    flexDirection: 'row',\n  },\n  label: {\n    textAlign: 'center',\n    backgroundColor: 'transparent',\n  },\n  labelBeneath: {\n    fontSize: 10,\n  },\n  labelBeside: {\n    fontSize: 13,\n    marginLeft: 20,\n    marginTop: 3,\n  },\n  button: {\n    display: 'flex',\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["Link","useTheme","Color","React","Platform","Pressable","StyleSheet","Text","TabBarIcon","BottomTabBarItem","focused","route","descriptor","label","icon","badge","badgeStyle","to","button","children","style","onPress","accessibilityRole","rest","OS","styles","e","metaKey","altKey","ctrlKey","shiftKey","preventDefault","accessibilityLabel","testID","onLongPress","horizontal","activeTintColor","customActiveTintColor","inactiveTintColor","customInactiveTintColor","activeBackgroundColor","inactiveBackgroundColor","showLabel","allowFontScaling","labelStyle","iconStyle","colors","undefined","primary","text","mix","card","hex","renderLabel","color","labelBeside","labelBeneath","options","tabBarLabel","title","name","position","renderIcon","activeOpacity","inactiveOpacity","scene","backgroundColor","select","ios","default","accessibilityState","selected","accessibilityStates","tab","tabLandscape","tabPortrait","create","flex","alignItems","justifyContent","flexDirection","textAlign","fontSize","marginLeft","marginTop","display"],"sources":["BottomTabItem.tsx"],"sourcesContent":["import { Link, Route, useTheme } from '@react-navigation/native';\nimport Color from 'color';\nimport React from 'react';\nimport {\n  GestureResponderEvent,\n  Platform,\n  Pressable,\n  StyleProp,\n  StyleSheet,\n  Text,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\n\nimport type {\n  BottomTabBarButtonProps,\n  BottomTabDescriptor,\n  LabelPosition,\n} from '../types';\nimport TabBarIcon from './TabBarIcon';\n\ntype Props = {\n  /**\n   * Whether the tab is focused.\n   */\n  focused: boolean;\n  /**\n   * The route object which should be specified by the tab.\n   */\n  route: Route<string>;\n  /**\n   * The descriptor object for the route.\n   */\n  descriptor: BottomTabDescriptor;\n  /**\n   * The label text of the tab.\n   */\n  label:\n    | string\n    | ((props: {\n        focused: boolean;\n        color: string;\n        position: LabelPosition;\n        children: string;\n      }) => React.ReactNode);\n  /**\n   * Icon to display for the tab.\n   */\n  icon: (props: {\n    focused: boolean;\n    size: number;\n    color: string;\n  }) => React.ReactNode;\n  /**\n   * Text to show in a badge on the tab icon.\n   */\n  badge?: number | string;\n  /**\n   * Custom style for the badge.\n   */\n  badgeStyle?: StyleProp<TextStyle>;\n  /**\n   * URL to use for the link to the tab.\n   */\n  to?: string;\n  /**\n   * The button for the tab. Uses a `TouchableWithoutFeedback` by default.\n   */\n  button?: (props: BottomTabBarButtonProps) => React.ReactNode;\n  /**\n   * The accessibility label for the tab.\n   */\n  accessibilityLabel?: string;\n  /**\n   * An unique ID for testing for the tab.\n   */\n  testID?: string;\n  /**\n   * Function to execute on press in React Native.\n   * On the web, this will use onClick.\n   */\n  onPress: (\n    e: React.MouseEvent<HTMLElement, MouseEvent> | GestureResponderEvent\n  ) => void;\n  /**\n   * Function to execute on long press.\n   */\n  onLongPress: (e: GestureResponderEvent) => void;\n  /**\n   * Whether the label should be aligned with the icon horizontally.\n   */\n  horizontal: boolean;\n  /**\n   * Color for the icon and label when the item is active.\n   */\n  activeTintColor?: string;\n  /**\n   * Color for the icon and label when the item is inactive.\n   */\n  inactiveTintColor?: string;\n  /**\n   * Background color for item when its active.\n   */\n  activeBackgroundColor?: string;\n  /**\n   * Background color for item when its inactive.\n   */\n  inactiveBackgroundColor?: string;\n  /**\n   * Whether to show the label text for the tab.\n   */\n  showLabel?: boolean;\n  /**\n   * Whether to allow scaling the font for the label for accessibility purposes.\n   */\n  allowFontScaling?: boolean;\n  /**\n   * Style object for the label element.\n   */\n  labelStyle?: StyleProp<TextStyle>;\n  /**\n   * Style object for the icon element.\n   */\n  iconStyle?: StyleProp<ViewStyle>;\n  /**\n   * Style object for the wrapper element.\n   */\n  style?: StyleProp<ViewStyle>;\n};\n\nexport default function BottomTabBarItem({\n  focused,\n  route,\n  descriptor,\n  label,\n  icon,\n  badge,\n  badgeStyle,\n  to,\n  button = ({\n    children,\n    style,\n    onPress,\n    to,\n    accessibilityRole,\n    ...rest\n  }: BottomTabBarButtonProps) => {\n    if (Platform.OS === 'web' && to) {\n      // React Native Web doesn't forward `onClick` if we use `TouchableWithoutFeedback`.\n      // We need to use `onClick` to be able to prevent default browser handling of links.\n      return (\n        <Link\n          {...rest}\n          to={to}\n          style={[styles.button, style]}\n          onPress={(e: any) => {\n            if (\n              !(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) && // ignore clicks with modifier keys\n              (e.button == null || e.button === 0) // ignore everything but left clicks\n            ) {\n              e.preventDefault();\n              onPress?.(e);\n            }\n          }}\n        >\n          {children}\n        </Link>\n      );\n    } else {\n      return (\n        <Pressable\n          {...rest}\n          accessibilityRole={accessibilityRole}\n          onPress={onPress}\n          style={style}\n        >\n          {children}\n        </Pressable>\n      );\n    }\n  },\n  accessibilityLabel,\n  testID,\n  onPress,\n  onLongPress,\n  horizontal,\n  activeTintColor: customActiveTintColor,\n  inactiveTintColor: customInactiveTintColor,\n  activeBackgroundColor = 'transparent',\n  inactiveBackgroundColor = 'transparent',\n  showLabel = true,\n  allowFontScaling,\n  labelStyle,\n  iconStyle,\n  style,\n}: Props) {\n  const { colors } = useTheme();\n\n  const activeTintColor =\n    customActiveTintColor === undefined\n      ? colors.primary\n      : customActiveTintColor;\n\n  const inactiveTintColor =\n    customInactiveTintColor === undefined\n      ? Color(colors.text).mix(Color(colors.card), 0.5).hex()\n      : customInactiveTintColor;\n\n  const renderLabel = ({ focused }: { focused: boolean }) => {\n    if (showLabel === false) {\n      return null;\n    }\n\n    const color = focused ? activeTintColor : inactiveTintColor;\n\n    if (typeof label === 'string') {\n      return (\n        <Text\n          numberOfLines={1}\n          style={[\n            styles.label,\n            { color },\n            horizontal ? styles.labelBeside : styles.labelBeneath,\n            labelStyle,\n          ]}\n          allowFontScaling={allowFontScaling}\n        >\n          {label}\n        </Text>\n      );\n    }\n\n    const { options } = descriptor;\n    const children =\n      typeof options.tabBarLabel === 'string'\n        ? options.tabBarLabel\n        : options.title !== undefined\n        ? options.title\n        : route.name;\n\n    return label({\n      focused,\n      color,\n      position: horizontal ? 'beside-icon' : 'below-icon',\n      children,\n    });\n  };\n\n  const renderIcon = ({ focused }: { focused: boolean }) => {\n    if (icon === undefined) {\n      return null;\n    }\n\n    const activeOpacity = focused ? 1 : 0;\n    const inactiveOpacity = focused ? 0 : 1;\n\n    return (\n      <TabBarIcon\n        route={route}\n        horizontal={horizontal}\n        badge={badge}\n        badgeStyle={badgeStyle}\n        activeOpacity={activeOpacity}\n        inactiveOpacity={inactiveOpacity}\n        activeTintColor={activeTintColor}\n        inactiveTintColor={inactiveTintColor}\n        renderIcon={icon}\n        style={iconStyle}\n      />\n    );\n  };\n\n  const scene = { route, focused };\n\n  const backgroundColor = focused\n    ? activeBackgroundColor\n    : inactiveBackgroundColor;\n\n  return button({\n    to,\n    onPress,\n    onLongPress,\n    testID,\n    accessibilityLabel,\n    // FIXME: accessibilityRole: 'tab' doesn't seem to work as expected on iOS\n    accessibilityRole: Platform.select({ ios: 'button', default: 'tab' }),\n    accessibilityState: { selected: focused },\n    // @ts-expect-error: keep for compatibility with older React Native versions\n    accessibilityStates: focused ? ['selected'] : [],\n    style: [\n      styles.tab,\n      { backgroundColor },\n      horizontal ? styles.tabLandscape : styles.tabPortrait,\n      style,\n    ],\n    children: (\n      <React.Fragment>\n        {renderIcon(scene)}\n        {renderLabel(scene)}\n      </React.Fragment>\n    ),\n  }) as React.ReactElement;\n}\n\nconst styles = StyleSheet.create({\n  tab: {\n    flex: 1,\n    alignItems: 'center',\n  },\n  tabPortrait: {\n    justifyContent: 'flex-end',\n    flexDirection: 'column',\n  },\n  tabLandscape: {\n    justifyContent: 'center',\n    flexDirection: 'row',\n  },\n  label: {\n    textAlign: 'center',\n    backgroundColor: 'transparent',\n  },\n  labelBeneath: {\n    fontSize: 10,\n  },\n  labelBeside: {\n    fontSize: 13,\n    marginLeft: 20,\n    marginTop: 3,\n  },\n  button: {\n    display: 'flex',\n  },\n});\n"],"mappings":"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"}

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

@@ -45,7 +45,7 @@ export declare type BottomTabNavigationOptions = HeaderOptions & {
     title?: string;
     /**
      * Title string of a tab displayed in the tab bar
-     * or a function that given { focused: boolean, color: string, position: 'below-icon' | 'beside-icon' } returns a React.Node to display in 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.
      *
      * When undefined, scene title is used. Use `tabBarShowLabel` to hide the label.
      */
@@ -53,6 +53,7 @@ export declare type BottomTabNavigationOptions = HeaderOptions & {
         focused: boolean;
         color: string;
         position: LabelPosition;
+        children: string;
     }) => React.ReactNode);
     /**
      * Whether the tab label should be visible. Defaults to `true`.

package/lib/typescript/src/utils/useBottomTabBarHeight.d.ts

@@ -1 +1 @@
-export default function useFloatingBottomTabBarHeight(): number;
+export default function useBottomTabBarHeight(): number;

package/lib/typescript/src/views/BottomTabItem.d.ts

@@ -1,7 +1,7 @@
 import { Route } from '@react-navigation/native';
 import React from 'react';
 import { GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { BottomTabBarButtonProps, LabelPosition } from '../types';
+import type { BottomTabBarButtonProps, BottomTabDescriptor, LabelPosition } from '../types';
 declare type Props = {
     /**
      * Whether the tab is focused.
@@ -11,6 +11,10 @@ declare type Props = {
      * The route object which should be specified by the tab.
      */
     route: Route<string>;
+    /**
+     * The descriptor object for the route.
+     */
+    descriptor: BottomTabDescriptor;
     /**
      * The label text of the tab.
      */
@@ -18,6 +22,7 @@ declare type Props = {
         focused: boolean;
         color: string;
         position: LabelPosition;
+        children: string;
     }) => React.ReactNode);
     /**
      * Icon to display for the tab.
@@ -101,5 +106,5 @@ declare type Props = {
      */
     style?: StyleProp<ViewStyle>;
 };
-export default function BottomTabBarItem({ focused, route, label, icon, badge, badgeStyle, to, button, accessibilityLabel, testID, onPress, onLongPress, horizontal, activeTintColor: customActiveTintColor, inactiveTintColor: customInactiveTintColor, activeBackgroundColor, inactiveBackgroundColor, showLabel, allowFontScaling, labelStyle, iconStyle, style, }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default function BottomTabBarItem({ focused, route, descriptor, label, icon, badge, badgeStyle, to, button, accessibilityLabel, testID, onPress, onLongPress, horizontal, activeTintColor: customActiveTintColor, inactiveTintColor: customInactiveTintColor, activeBackgroundColor, inactiveBackgroundColor, showLabel, allowFontScaling, labelStyle, iconStyle, style, }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/bottom-tabs",
   "description": "Bottom tab navigator following iOS design guidelines",
-  "version": "6.4.1",
+  "version": "6.5.0",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -36,12 +36,12 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "@react-navigation/elements": "^1.3.7",
+    "@react-navigation/elements": "^1.3.10",
     "color": "^4.2.3",
     "warn-once": "^0.1.0"
   },
   "devDependencies": {
-    "@react-navigation/native": "^6.0.14",
+    "@react-navigation/native": "^6.1.0",
     "@testing-library/react-native": "^11.5.0",
     "@types/color": "^3.0.1",
     "@types/react": "~18.0.0",
@@ -75,5 +75,5 @@
       ]
     ]
   },
-  "gitHead": "92f9f265d2627a3ef5b3890042d59405ff38401e"
+  "gitHead": "f7a9b1d102e5ff04ce3f726b934019ddbdd0550c"
 }

package/src/types.tsx

@@ -91,7 +91,7 @@ export type BottomTabNavigationOptions = HeaderOptions & {
 
   /**
    * Title string of a tab displayed in the tab bar
-   * or a function that given { focused: boolean, color: string, position: 'below-icon' | 'beside-icon' } returns a React.Node to display in 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.
    *
    * When undefined, scene title is used. Use `tabBarShowLabel` to hide the label.
    */
@@ -101,6 +101,7 @@ export type BottomTabNavigationOptions = HeaderOptions & {
         focused: boolean;
         color: string;
         position: LabelPosition;
+        children: string;
       }) => React.ReactNode);
 
   /**

package/src/utils/useBottomTabBarHeight.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import BottomTabBarHeightContext from './BottomTabBarHeightContext';
 
-export default function useFloatingBottomTabBarHeight() {
+export default function useBottomTabBarHeight() {
   const height = React.useContext(BottomTabBarHeightContext);
 
   if (height === undefined) {

package/src/views/BottomTabBar.tsx

@@ -340,6 +340,7 @@ export default function BottomTabBar({
               <NavigationRouteContext.Provider value={route}>
                 <BottomTabItem
                   route={route}
+                  descriptor={descriptors[route.key]}
                   focused={focused}
                   horizontal={hasHorizontalLabels}
                   onPress={onPress}

package/src/views/BottomTabItem.tsx

@@ -12,7 +12,11 @@ import {
   ViewStyle,
 } from 'react-native';
 
-import type { BottomTabBarButtonProps, LabelPosition } from '../types';
+import type {
+  BottomTabBarButtonProps,
+  BottomTabDescriptor,
+  LabelPosition,
+} from '../types';
 import TabBarIcon from './TabBarIcon';
 
 type Props = {
@@ -24,6 +28,10 @@ type Props = {
    * The route object which should be specified by the tab.
    */
   route: Route<string>;
+  /**
+   * The descriptor object for the route.
+   */
+  descriptor: BottomTabDescriptor;
   /**
    * The label text of the tab.
    */
@@ -33,6 +41,7 @@ type Props = {
         focused: boolean;
         color: string;
         position: LabelPosition;
+        children: string;
       }) => React.ReactNode);
   /**
    * Icon to display for the tab.
@@ -122,6 +131,7 @@ type Props = {
 export default function BottomTabBarItem({
   focused,
   route,
+  descriptor,
   label,
   icon,
   badge,
@@ -220,10 +230,19 @@ export default function BottomTabBarItem({
       );
     }
 
+    const { options } = descriptor;
+    const children =
+      typeof options.tabBarLabel === 'string'
+        ? options.tabBarLabel
+        : options.title !== undefined
+        ? options.title
+        : route.name;
+
     return label({
       focused,
       color,
       position: horizontal ? 'beside-icon' : 'below-icon',
+      children,
     });
   };