@react-navigation/bottom-tabs 6.4.3 → 6.5.1

package/lib/commonjs/index.js

@@ -39,18 +39,11 @@ Object.defineProperty(exports, "useBottomTabBarHeight", {
     return _useBottomTabBarHeight.default;
   }
 });
-
 var _createBottomTabNavigator = _interopRequireDefault(require("./navigators/createBottomTabNavigator"));
-
 var _BottomTabBar = _interopRequireDefault(require("./views/BottomTabBar"));
-
 var _BottomTabView = _interopRequireDefault(require("./views/BottomTabView"));
-
 var _BottomTabBarHeightCallbackContext = _interopRequireDefault(require("./utils/BottomTabBarHeightCallbackContext"));
-
 var _BottomTabBarHeightContext = _interopRequireDefault(require("./utils/BottomTabBarHeightContext"));
-
 var _useBottomTabBarHeight = _interopRequireDefault(require("./utils/useBottomTabBarHeight"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["/**\n * Navigators\n */\nexport { default as createBottomTabNavigator } from './navigators/createBottomTabNavigator';\n\n/**\n * Views\n */\nexport { default as BottomTabBar } from './views/BottomTabBar';\nexport { default as BottomTabView } from './views/BottomTabView';\n\n/**\n * Utilities\n */\nexport { default as BottomTabBarHeightCallbackContext } from './utils/BottomTabBarHeightCallbackContext';\nexport { default as BottomTabBarHeightContext } from './utils/BottomTabBarHeightContext';\nexport { default as useBottomTabBarHeight } from './utils/useBottomTabBarHeight';\n\n/**\n * Types\n */\nexport type {\n  BottomTabBarButtonProps,\n  BottomTabBarProps,\n  BottomTabHeaderProps,\n  BottomTabNavigationEventMap,\n  BottomTabNavigationOptions,\n  BottomTabNavigationProp,\n  BottomTabScreenProps,\n} from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AACA"}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AAKA;AACA;AAKA;AACA;AACA;AAAiF"}

package/lib/commonjs/navigators/createBottomTabNavigator.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _native = require("@react-navigation/native");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _warnOnce = _interopRequireDefault(require("warn-once"));
-
 var _BottomTabView = _interopRequireDefault(require("../views/BottomTabView"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function BottomTabNavigator(_ref) {
   let {
     id,
@@ -40,10 +31,7 @@ function BottomTabNavigator(_ref) {
     ...rest
   } = restWithDeprecated;
   let defaultScreenOptions = {};
-
   if (tabBarOptions) {
-    var _tabBarOptions$labelP;
-
     Object.assign(defaultScreenOptions, {
       tabBarHideOnKeyboard: tabBarOptions.keyboardHidesTabBar,
       tabBarActiveTintColor: tabBarOptions.activeTintColor,
@@ -55,7 +43,7 @@ function BottomTabNavigator(_ref) {
       tabBarLabelStyle: tabBarOptions.labelStyle,
       tabBarIconStyle: tabBarOptions.iconStyle,
       tabBarItemStyle: tabBarOptions.tabStyle,
-      tabBarLabelPosition: (_tabBarOptions$labelP = tabBarOptions.labelPosition) !== null && _tabBarOptions$labelP !== void 0 ? _tabBarOptions$labelP : tabBarOptions.adaptive === false ? 'below-icon' : undefined,
+      tabBarLabelPosition: tabBarOptions.labelPosition ?? (tabBarOptions.adaptive === false ? 'below-icon' : undefined),
       tabBarStyle: [{
         display: tabBarOptions.tabBarVisible ? 'none' : 'flex'
       }, defaultScreenOptions.tabBarStyle]
@@ -68,12 +56,10 @@ function BottomTabNavigator(_ref) {
     });
     (0, _warnOnce.default)(tabBarOptions, `Bottom Tab Navigator: 'tabBarOptions' is deprecated. Migrate the options to 'screenOptions' instead.\n\nPlace the following in 'screenOptions' in your code to keep current behavior:\n\n${JSON.stringify(defaultScreenOptions, null, 2)}\n\nSee https://reactnavigation.org/docs/bottom-tab-navigator#options for more details.`);
   }
-
   if (typeof lazy === 'boolean') {
     defaultScreenOptions.lazy = lazy;
     (0, _warnOnce.default)(true, `Bottom Tab Navigator: 'lazy' in props is deprecated. Move it to 'screenOptions' instead.\n\nSee https://reactnavigation.org/docs/bottom-tab-navigator/#lazy for more details.`);
   }
-
   const {
     state,
     descriptors,
@@ -95,8 +81,6 @@ function BottomTabNavigator(_ref) {
     sceneContainerStyle: sceneContainerStyle
   })));
 }
-
 var _default = (0, _native.createNavigatorFactory)(BottomTabNavigator);
-
 exports.default = _default;
 //# sourceMappingURL=createBottomTabNavigator.js.map

package/lib/commonjs/navigators/createBottomTabNavigator.js.map

@@ -1 +1 @@
-{"version":3,"names":["BottomTabNavigator","id","initialRouteName","backBehavior","children","screenListeners","screenOptions","sceneContainerStyle","restWithDeprecated","lazy","tabBarOptions","rest","defaultScreenOptions","Object","assign","tabBarHideOnKeyboard","keyboardHidesTabBar","tabBarActiveTintColor","activeTintColor","tabBarInactiveTintColor","inactiveTintColor","tabBarActiveBackgroundColor","activeBackgroundColor","tabBarInactiveBackgroundColor","inactiveBackgroundColor","tabBarAllowFontScaling","allowFontScaling","tabBarShowLabel","showLabel","tabBarLabelStyle","labelStyle","tabBarIconStyle","iconStyle","tabBarItemStyle","tabStyle","tabBarLabelPosition","labelPosition","adaptive","undefined","tabBarStyle","display","tabBarVisible","keys","forEach","key","warnOnce","JSON","stringify","state","descriptors","navigation","NavigationContent","useNavigationBuilder","TabRouter","createNavigatorFactory"],"sources":["createBottomTabNavigator.tsx"],"sourcesContent":["import {\n  createNavigatorFactory,\n  DefaultNavigatorOptions,\n  ParamListBase,\n  TabActionHelpers,\n  TabNavigationState,\n  TabRouter,\n  TabRouterOptions,\n  useNavigationBuilder,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport warnOnce from 'warn-once';\n\nimport type {\n  BottomTabNavigationConfig,\n  BottomTabNavigationEventMap,\n  BottomTabNavigationOptions,\n} from '../types';\nimport BottomTabView from '../views/BottomTabView';\n\ntype Props = DefaultNavigatorOptions<\n  ParamListBase,\n  TabNavigationState<ParamListBase>,\n  BottomTabNavigationOptions,\n  BottomTabNavigationEventMap\n> &\n  TabRouterOptions &\n  BottomTabNavigationConfig;\n\nfunction BottomTabNavigator({\n  id,\n  initialRouteName,\n  backBehavior,\n  children,\n  screenListeners,\n  screenOptions,\n  sceneContainerStyle,\n  ...restWithDeprecated\n}: Props) {\n  const {\n    // @ts-expect-error: lazy is deprecated\n    lazy,\n    // @ts-expect-error: tabBarOptions is deprecated\n    tabBarOptions,\n    ...rest\n  } = restWithDeprecated;\n\n  let defaultScreenOptions: BottomTabNavigationOptions = {};\n\n  if (tabBarOptions) {\n    Object.assign(defaultScreenOptions, {\n      tabBarHideOnKeyboard: tabBarOptions.keyboardHidesTabBar,\n      tabBarActiveTintColor: tabBarOptions.activeTintColor,\n      tabBarInactiveTintColor: tabBarOptions.inactiveTintColor,\n      tabBarActiveBackgroundColor: tabBarOptions.activeBackgroundColor,\n      tabBarInactiveBackgroundColor: tabBarOptions.inactiveBackgroundColor,\n      tabBarAllowFontScaling: tabBarOptions.allowFontScaling,\n      tabBarShowLabel: tabBarOptions.showLabel,\n      tabBarLabelStyle: tabBarOptions.labelStyle,\n      tabBarIconStyle: tabBarOptions.iconStyle,\n      tabBarItemStyle: tabBarOptions.tabStyle,\n      tabBarLabelPosition:\n        tabBarOptions.labelPosition ??\n        (tabBarOptions.adaptive === false ? 'below-icon' : undefined),\n      tabBarStyle: [\n        { display: tabBarOptions.tabBarVisible ? 'none' : 'flex' },\n        defaultScreenOptions.tabBarStyle,\n      ],\n    });\n\n    (\n      Object.keys(defaultScreenOptions) as (keyof BottomTabNavigationOptions)[]\n    ).forEach((key) => {\n      if (defaultScreenOptions[key] === undefined) {\n        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n        delete defaultScreenOptions[key];\n      }\n    });\n\n    warnOnce(\n      tabBarOptions,\n      `Bottom Tab Navigator: 'tabBarOptions' is deprecated. Migrate the options to 'screenOptions' instead.\\n\\nPlace the following in 'screenOptions' in your code to keep current behavior:\\n\\n${JSON.stringify(\n        defaultScreenOptions,\n        null,\n        2\n      )}\\n\\nSee https://reactnavigation.org/docs/bottom-tab-navigator#options for more details.`\n    );\n  }\n\n  if (typeof lazy === 'boolean') {\n    defaultScreenOptions.lazy = lazy;\n\n    warnOnce(\n      true,\n      `Bottom Tab Navigator: 'lazy' in props is deprecated. Move it to 'screenOptions' instead.\\n\\nSee https://reactnavigation.org/docs/bottom-tab-navigator/#lazy for more details.`\n    );\n  }\n\n  const { state, descriptors, navigation, NavigationContent } =\n    useNavigationBuilder<\n      TabNavigationState<ParamListBase>,\n      TabRouterOptions,\n      TabActionHelpers<ParamListBase>,\n      BottomTabNavigationOptions,\n      BottomTabNavigationEventMap\n    >(TabRouter, {\n      id,\n      initialRouteName,\n      backBehavior,\n      children,\n      screenListeners,\n      screenOptions,\n      defaultScreenOptions,\n    });\n\n  return (\n    <NavigationContent>\n      <BottomTabView\n        {...rest}\n        state={state}\n        navigation={navigation}\n        descriptors={descriptors}\n        sceneContainerStyle={sceneContainerStyle}\n      />\n    </NavigationContent>\n  );\n}\n\nexport default createNavigatorFactory<\n  TabNavigationState<ParamListBase>,\n  BottomTabNavigationOptions,\n  BottomTabNavigationEventMap,\n  typeof BottomTabNavigator\n>(BottomTabNavigator);\n"],"mappings":";;;;;;;AAAA;;AAUA;;AACA;;AAOA;;;;;;;;;;AAWA,SAASA,kBAAT,OASU;EAAA,IATkB;IAC1BC,EAD0B;IAE1BC,gBAF0B;IAG1BC,YAH0B;IAI1BC,QAJ0B;IAK1BC,eAL0B;IAM1BC,aAN0B;IAO1BC,mBAP0B;IAQ1B,GAAGC;EARuB,CASlB;EACR,MAAM;IACJ;IACAC,IAFI;IAGJ;IACAC,aAJI;IAKJ,GAAGC;EALC,IAMFH,kBANJ;EAQA,IAAII,oBAAgD,GAAG,EAAvD;;EAEA,IAAIF,aAAJ,EAAmB;IAAA;;IACjBG,MAAM,CAACC,MAAP,CAAcF,oBAAd,EAAoC;MAClCG,oBAAoB,EAAEL,aAAa,CAACM,mBADF;MAElCC,qBAAqB,EAAEP,aAAa,CAACQ,eAFH;MAGlCC,uBAAuB,EAAET,aAAa,CAACU,iBAHL;MAIlCC,2BAA2B,EAAEX,aAAa,CAACY,qBAJT;MAKlCC,6BAA6B,EAAEb,aAAa,CAACc,uBALX;MAMlCC,sBAAsB,EAAEf,aAAa,CAACgB,gBANJ;MAOlCC,eAAe,EAAEjB,aAAa,CAACkB,SAPG;MAQlCC,gBAAgB,EAAEnB,aAAa,CAACoB,UARE;MASlCC,eAAe,EAAErB,aAAa,CAACsB,SATG;MAUlCC,eAAe,EAAEvB,aAAa,CAACwB,QAVG;MAWlCC,mBAAmB,2BACjBzB,aAAa,CAAC0B,aADG,yEAEhB1B,aAAa,CAAC2B,QAAd,KAA2B,KAA3B,GAAmC,YAAnC,GAAkDC,SAbnB;MAclCC,WAAW,EAAE,CACX;QAAEC,OAAO,EAAE9B,aAAa,CAAC+B,aAAd,GAA8B,MAA9B,GAAuC;MAAlD,CADW,EAEX7B,oBAAoB,CAAC2B,WAFV;IAdqB,CAApC;IAqBE1B,MAAM,CAAC6B,IAAP,CAAY9B,oBAAZ,CADF,CAEE+B,OAFF,CAEWC,GAAD,IAAS;MACjB,IAAIhC,oBAAoB,CAACgC,GAAD,CAApB,KAA8BN,SAAlC,EAA6C;QAC3C;QACA,OAAO1B,oBAAoB,CAACgC,GAAD,CAA3B;MACD;IACF,CAPD;IASA,IAAAC,iBAAA,EACEnC,aADF,EAEG,4LAA2LoC,IAAI,CAACC,SAAL,CAC1LnC,oBAD0L,EAE1L,IAF0L,EAG1L,CAH0L,CAI1L,yFANJ;EAQD;;EAED,IAAI,OAAOH,IAAP,KAAgB,SAApB,EAA+B;IAC7BG,oBAAoB,CAACH,IAArB,GAA4BA,IAA5B;IAEA,IAAAoC,iBAAA,EACE,IADF,EAEG,+KAFH;EAID;;EAED,MAAM;IAAEG,KAAF;IAASC,WAAT;IAAsBC,UAAtB;IAAkCC;EAAlC,IACJ,IAAAC,4BAAA,EAMEC,iBANF,EAMa;IACXpD,EADW;IAEXC,gBAFW;IAGXC,YAHW;IAIXC,QAJW;IAKXC,eALW;IAMXC,aANW;IAOXM;EAPW,CANb,CADF;EAiBA,oBACE,oBAAC,iBAAD,qBACE,oBAAC,sBAAD,eACMD,IADN;IAEE,KAAK,EAAEqC,KAFT;IAGE,UAAU,EAAEE,UAHd;IAIE,WAAW,EAAED,WAJf;IAKE,mBAAmB,EAAE1C;EALvB,GADF,CADF;AAWD;;eAEc,IAAA+C,8BAAA,EAKbtD,kBALa,C"}
+{"version":3,"names":["BottomTabNavigator","id","initialRouteName","backBehavior","children","screenListeners","screenOptions","sceneContainerStyle","restWithDeprecated","lazy","tabBarOptions","rest","defaultScreenOptions","Object","assign","tabBarHideOnKeyboard","keyboardHidesTabBar","tabBarActiveTintColor","activeTintColor","tabBarInactiveTintColor","inactiveTintColor","tabBarActiveBackgroundColor","activeBackgroundColor","tabBarInactiveBackgroundColor","inactiveBackgroundColor","tabBarAllowFontScaling","allowFontScaling","tabBarShowLabel","showLabel","tabBarLabelStyle","labelStyle","tabBarIconStyle","iconStyle","tabBarItemStyle","tabStyle","tabBarLabelPosition","labelPosition","adaptive","undefined","tabBarStyle","display","tabBarVisible","keys","forEach","key","warnOnce","JSON","stringify","state","descriptors","navigation","NavigationContent","useNavigationBuilder","TabRouter","createNavigatorFactory"],"sourceRoot":"../../src","sources":["createBottomTabNavigator.tsx"],"mappings":";;;;;;AAAA;AAUA;AACA;AAOA;AAAmD;AAAA;AAAA;AAAA;AAWnD,SAASA,kBAAkB,OASjB;EAAA,IATkB;IAC1BC,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC,aAAa;IACbC,mBAAmB;IACnB,GAAGC;EACE,CAAC;EACN,MAAM;IACJ;IACAC,IAAI;IACJ;IACAC,aAAa;IACb,GAAGC;EACL,CAAC,GAAGH,kBAAkB;EAEtB,IAAII,oBAAgD,GAAG,CAAC,CAAC;EAEzD,IAAIF,aAAa,EAAE;IACjBG,MAAM,CAACC,MAAM,CAACF,oBAAoB,EAAE;MAClCG,oBAAoB,EAAEL,aAAa,CAACM,mBAAmB;MACvDC,qBAAqB,EAAEP,aAAa,CAACQ,eAAe;MACpDC,uBAAuB,EAAET,aAAa,CAACU,iBAAiB;MACxDC,2BAA2B,EAAEX,aAAa,CAACY,qBAAqB;MAChEC,6BAA6B,EAAEb,aAAa,CAACc,uBAAuB;MACpEC,sBAAsB,EAAEf,aAAa,CAACgB,gBAAgB;MACtDC,eAAe,EAAEjB,aAAa,CAACkB,SAAS;MACxCC,gBAAgB,EAAEnB,aAAa,CAACoB,UAAU;MAC1CC,eAAe,EAAErB,aAAa,CAACsB,SAAS;MACxCC,eAAe,EAAEvB,aAAa,CAACwB,QAAQ;MACvCC,mBAAmB,EACjBzB,aAAa,CAAC0B,aAAa,KAC1B1B,aAAa,CAAC2B,QAAQ,KAAK,KAAK,GAAG,YAAY,GAAGC,SAAS,CAAC;MAC/DC,WAAW,EAAE,CACX;QAAEC,OAAO,EAAE9B,aAAa,CAAC+B,aAAa,GAAG,MAAM,GAAG;MAAO,CAAC,EAC1D7B,oBAAoB,CAAC2B,WAAW;IAEpC,CAAC,CAAC;IAGA1B,MAAM,CAAC6B,IAAI,CAAC9B,oBAAoB,CAAC,CACjC+B,OAAO,CAAEC,GAAG,IAAK;MACjB,IAAIhC,oBAAoB,CAACgC,GAAG,CAAC,KAAKN,SAAS,EAAE;QAC3C;QACA,OAAO1B,oBAAoB,CAACgC,GAAG,CAAC;MAClC;IACF,CAAC,CAAC;IAEF,IAAAC,iBAAQ,EACNnC,aAAa,EACZ,4LAA2LoC,IAAI,CAACC,SAAS,CACxMnC,oBAAoB,EACpB,IAAI,EACJ,CAAC,CACD,yFAAwF,CAC3F;EACH;EAEA,IAAI,OAAOH,IAAI,KAAK,SAAS,EAAE;IAC7BG,oBAAoB,CAACH,IAAI,GAAGA,IAAI;IAEhC,IAAAoC,iBAAQ,EACN,IAAI,EACH,+KAA8K,CAChL;EACH;EAEA,MAAM;IAAEG,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzD,IAAAC,4BAAoB,EAMlBC,iBAAS,EAAE;IACXpD,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC,aAAa;IACbM;EACF,CAAC,CAAC;EAEJ,oBACE,oBAAC,iBAAiB,qBAChB,oBAAC,sBAAa,eACRD,IAAI;IACR,KAAK,EAAEqC,KAAM;IACb,UAAU,EAAEE,UAAW;IACvB,WAAW,EAAED,WAAY;IACzB,mBAAmB,EAAE1C;EAAoB,GACzC,CACgB;AAExB;AAAC,eAEc,IAAA+C,8BAAsB,EAKnCtD,kBAAkB,CAAC;AAAA"}

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":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}

package/lib/commonjs/utils/BottomTabBarHeightCallbackContext.js

@@ -4,14 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 var _default = /*#__PURE__*/React.createContext(undefined);
-
 exports.default = _default;
 //# sourceMappingURL=BottomTabBarHeightCallbackContext.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","undefined"],"sources":["BottomTabBarHeightCallbackContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default React.createContext<((height: number) => void) | undefined>(\n  undefined\n);\n"],"mappings":";;;;;;;AAAA;;;;;;4BAEeA,KAAK,CAACC,aAAN,CACbC,SADa,C"}
+{"version":3,"names":["React","createContext","undefined"],"sourceRoot":"../../src","sources":["BottomTabBarHeightCallbackContext.tsx"],"mappings":";;;;;;AAAA;AAA+B;AAAA;AAAA,4BAEhBA,KAAK,CAACC,aAAa,CAChCC,SAAS,CACV;AAAA"}

package/lib/commonjs/utils/BottomTabBarHeightContext.js

@@ -4,14 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 var _default = /*#__PURE__*/React.createContext(undefined);
-
 exports.default = _default;
 //# sourceMappingURL=BottomTabBarHeightContext.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","undefined"],"sources":["BottomTabBarHeightContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default React.createContext<number | undefined>(undefined);\n"],"mappings":";;;;;;;AAAA;;;;;;4BAEeA,KAAK,CAACC,aAAN,CAAwCC,SAAxC,C"}
+{"version":3,"names":["React","createContext","undefined"],"sourceRoot":"../../src","sources":["BottomTabBarHeightContext.tsx"],"mappings":";;;;;;AAAA;AAA+B;AAAA;AAAA,4BAEhBA,KAAK,CAACC,aAAa,CAAqBC,SAAS,CAAC;AAAA"}

package/lib/commonjs/utils/useBottomTabBarHeight.js

@@ -3,25 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = useFloatingBottomTabBarHeight;
-
+exports.default = useBottomTabBarHeight;
 var React = _interopRequireWildcard(require("react"));
-
 var _BottomTabBarHeightContext = _interopRequireDefault(require("./BottomTabBarHeightContext"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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) {
     throw new Error("Couldn't find the bottom tab bar height. Are you inside a screen in Bottom Tab Navigator?");
   }
-
   return height;
 }
 //# sourceMappingURL=useBottomTabBarHeight.js.map

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"],"sourceRoot":"../../src","sources":["useBottomTabBarHeight.tsx"],"mappings":";;;;;;AAAA;AAEA;AAAoE;AAAA;AAAA;AAErD,SAASA,qBAAqB,GAAG;EAC9C,MAAMC,MAAM,GAAGC,KAAK,CAACC,UAAU,CAACC,kCAAyB,CAAC;EAE1D,IAAIH,MAAM,KAAKI,SAAS,EAAE;IACxB,MAAM,IAAIC,KAAK,CACb,2FAA2F,CAC5F;EACH;EAEA,OAAOL,MAAM;AACf"}

package/lib/commonjs/utils/useIsKeyboardShown.js

@@ -4,30 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useIsKeyboardShown;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 useIsKeyboardShown() {
   const [isKeyboardShown, setIsKeyboardShown] = React.useState(false);
   React.useEffect(() => {
     const handleKeyboardShow = () => setIsKeyboardShown(true);
-
     const handleKeyboardHide = () => setIsKeyboardShown(false);
-
     let subscriptions;
-
     if (_reactNative.Platform.OS === 'ios') {
       subscriptions = [_reactNative.Keyboard.addListener('keyboardWillShow', handleKeyboardShow), _reactNative.Keyboard.addListener('keyboardWillHide', handleKeyboardHide)];
     } else {
       subscriptions = [_reactNative.Keyboard.addListener('keyboardDidShow', handleKeyboardShow), _reactNative.Keyboard.addListener('keyboardDidHide', handleKeyboardHide)];
     }
-
     return () => {
       subscriptions.forEach(s => s.remove());
     };

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

@@ -1 +1 @@
-{"version":3,"names":["useIsKeyboardShown","isKeyboardShown","setIsKeyboardShown","React","useState","useEffect","handleKeyboardShow","handleKeyboardHide","subscriptions","Platform","OS","Keyboard","addListener","forEach","s","remove"],"sources":["useIsKeyboardShown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { EmitterSubscription, Keyboard, Platform } from 'react-native';\n\nexport default function useIsKeyboardShown() {\n  const [isKeyboardShown, setIsKeyboardShown] = React.useState(false);\n\n  React.useEffect(() => {\n    const handleKeyboardShow = () => setIsKeyboardShown(true);\n    const handleKeyboardHide = () => setIsKeyboardShown(false);\n\n    let subscriptions: EmitterSubscription[];\n\n    if (Platform.OS === 'ios') {\n      subscriptions = [\n        Keyboard.addListener('keyboardWillShow', handleKeyboardShow),\n        Keyboard.addListener('keyboardWillHide', handleKeyboardHide),\n      ];\n    } else {\n      subscriptions = [\n        Keyboard.addListener('keyboardDidShow', handleKeyboardShow),\n        Keyboard.addListener('keyboardDidHide', handleKeyboardHide),\n      ];\n    }\n\n    return () => {\n      subscriptions.forEach((s) => s.remove());\n    };\n  }, []);\n\n  return isKeyboardShown;\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEe,SAASA,kBAAT,GAA8B;EAC3C,MAAM,CAACC,eAAD,EAAkBC,kBAAlB,IAAwCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA9C;EAEAD,KAAK,CAACE,SAAN,CAAgB,MAAM;IACpB,MAAMC,kBAAkB,GAAG,MAAMJ,kBAAkB,CAAC,IAAD,CAAnD;;IACA,MAAMK,kBAAkB,GAAG,MAAML,kBAAkB,CAAC,KAAD,CAAnD;;IAEA,IAAIM,aAAJ;;IAEA,IAAIC,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;MACzBF,aAAa,GAAG,CACdG,qBAAA,CAASC,WAAT,CAAqB,kBAArB,EAAyCN,kBAAzC,CADc,EAEdK,qBAAA,CAASC,WAAT,CAAqB,kBAArB,EAAyCL,kBAAzC,CAFc,CAAhB;IAID,CALD,MAKO;MACLC,aAAa,GAAG,CACdG,qBAAA,CAASC,WAAT,CAAqB,iBAArB,EAAwCN,kBAAxC,CADc,EAEdK,qBAAA,CAASC,WAAT,CAAqB,iBAArB,EAAwCL,kBAAxC,CAFc,CAAhB;IAID;;IAED,OAAO,MAAM;MACXC,aAAa,CAACK,OAAd,CAAuBC,CAAD,IAAOA,CAAC,CAACC,MAAF,EAA7B;IACD,CAFD;EAGD,CArBD,EAqBG,EArBH;EAuBA,OAAOd,eAAP;AACD"}
+{"version":3,"names":["useIsKeyboardShown","isKeyboardShown","setIsKeyboardShown","React","useState","useEffect","handleKeyboardShow","handleKeyboardHide","subscriptions","Platform","OS","Keyboard","addListener","forEach","s","remove"],"sourceRoot":"../../src","sources":["useIsKeyboardShown.tsx"],"mappings":";;;;;;AAAA;AACA;AAAuE;AAAA;AAExD,SAASA,kBAAkB,GAAG;EAC3C,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAEnED,KAAK,CAACE,SAAS,CAAC,MAAM;IACpB,MAAMC,kBAAkB,GAAG,MAAMJ,kBAAkB,CAAC,IAAI,CAAC;IACzD,MAAMK,kBAAkB,GAAG,MAAML,kBAAkB,CAAC,KAAK,CAAC;IAE1D,IAAIM,aAAoC;IAExC,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzBF,aAAa,GAAG,CACdG,qBAAQ,CAACC,WAAW,CAAC,kBAAkB,EAAEN,kBAAkB,CAAC,EAC5DK,qBAAQ,CAACC,WAAW,CAAC,kBAAkB,EAAEL,kBAAkB,CAAC,CAC7D;IACH,CAAC,MAAM;MACLC,aAAa,GAAG,CACdG,qBAAQ,CAACC,WAAW,CAAC,iBAAiB,EAAEN,kBAAkB,CAAC,EAC3DK,qBAAQ,CAACC,WAAW,CAAC,iBAAiB,EAAEL,kBAAkB,CAAC,CAC5D;IACH;IAEA,OAAO,MAAM;MACXC,aAAa,CAACK,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,EAAE,CAAC;IAC1C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOd,eAAe;AACxB"}

package/lib/commonjs/views/Badge.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Badge;
-
 var _native = require("@react-navigation/native");
-
 var _color = _interopRequireDefault(require("color"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function Badge(_ref) {
   let {
     children,
@@ -36,7 +27,6 @@ function Badge(_ref) {
     if (!rendered) {
       return;
     }
-
     _reactNative.Animated.timing(opacity, {
       toValue: visible ? 1 : 0,
       duration: 150,
@@ -45,24 +35,21 @@ function Badge(_ref) {
       let {
         finished
       } = _ref2;
-
       if (finished && !visible) {
         setRendered(false);
       }
     });
-
     return () => opacity.stopAnimation();
   }, [opacity, rendered, visible]);
-
   if (!rendered) {
     if (visible) {
       setRendered(true);
     } else {
       return null;
     }
-  } // @ts-expect-error: backgroundColor definitely exists
-
+  }
 
+  // @ts-expect-error: backgroundColor definitely exists
   const {
     backgroundColor = theme.colors.notification,
     ...restStyle
@@ -90,7 +77,6 @@ function Badge(_ref) {
     }, styles.container, restStyle]
   }, rest), children);
 }
-
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignSelf: 'flex-end',

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

@@ -1 +1 @@
-{"version":3,"names":["Badge","children","style","visible","size","rest","opacity","React","useState","Animated","Value","rendered","setRendered","theme","useTheme","useEffect","timing","toValue","duration","useNativeDriver","start","finished","stopAnimation","backgroundColor","colors","notification","restStyle","StyleSheet","flatten","textColor","color","isLight","borderRadius","fontSize","Math","floor","transform","scale","interpolate","inputRange","outputRange","lineHeight","height","minWidth","styles","container","create","alignSelf","textAlign","paddingHorizontal","overflow"],"sources":["Badge.tsx"],"sourcesContent":["import { useTheme } from '@react-navigation/native';\nimport color from 'color';\nimport * as React from 'react';\nimport { Animated, StyleProp, StyleSheet, TextStyle } from 'react-native';\n\ntype Props = {\n  /**\n   * Whether the badge is visible\n   */\n  visible: boolean;\n  /**\n   * Content of the `Badge`.\n   */\n  children?: string | number;\n  /**\n   * Size of the `Badge`.\n   */\n  size?: number;\n  /**\n   * Style object for the tab bar container.\n   */\n  style?: Animated.WithAnimatedValue<StyleProp<TextStyle>>;\n};\n\nexport default function Badge({\n  children,\n  style,\n  visible = true,\n  size = 18,\n  ...rest\n}: Props) {\n  const [opacity] = React.useState(() => new Animated.Value(visible ? 1 : 0));\n  const [rendered, setRendered] = React.useState(visible);\n\n  const theme = useTheme();\n\n  React.useEffect(() => {\n    if (!rendered) {\n      return;\n    }\n\n    Animated.timing(opacity, {\n      toValue: visible ? 1 : 0,\n      duration: 150,\n      useNativeDriver: true,\n    }).start(({ finished }) => {\n      if (finished && !visible) {\n        setRendered(false);\n      }\n    });\n\n    return () => opacity.stopAnimation();\n  }, [opacity, rendered, visible]);\n\n  if (!rendered) {\n    if (visible) {\n      setRendered(true);\n    } else {\n      return null;\n    }\n  }\n\n  // @ts-expect-error: backgroundColor definitely exists\n  const { backgroundColor = theme.colors.notification, ...restStyle } =\n    StyleSheet.flatten(style) || {};\n  const textColor = color(backgroundColor).isLight() ? 'black' : 'white';\n\n  const borderRadius = size / 2;\n  const fontSize = Math.floor((size * 3) / 4);\n\n  return (\n    <Animated.Text\n      numberOfLines={1}\n      style={[\n        {\n          transform: [\n            {\n              scale: opacity.interpolate({\n                inputRange: [0, 1],\n                outputRange: [0.5, 1],\n              }),\n            },\n          ],\n          color: textColor,\n          lineHeight: size - 1,\n          height: size,\n          minWidth: size,\n          opacity,\n          backgroundColor,\n          fontSize,\n          borderRadius,\n        },\n        styles.container,\n        restStyle,\n      ]}\n      {...rest}\n    >\n      {children}\n    </Animated.Text>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: 'flex-end',\n    textAlign: 'center',\n    paddingHorizontal: 4,\n    overflow: 'hidden',\n  },\n});\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAqBe,SAASA,KAAT,OAML;EAAA,IANoB;IAC5BC,QAD4B;IAE5BC,KAF4B;IAG5BC,OAAO,GAAG,IAHkB;IAI5BC,IAAI,GAAG,EAJqB;IAK5B,GAAGC;EALyB,CAMpB;EACR,MAAM,CAACC,OAAD,IAAYC,KAAK,CAACC,QAAN,CAAe,MAAM,IAAIC,qBAAA,CAASC,KAAb,CAAmBP,OAAO,GAAG,CAAH,GAAO,CAAjC,CAArB,CAAlB;EACA,MAAM,CAACQ,QAAD,EAAWC,WAAX,IAA0BL,KAAK,CAACC,QAAN,CAAeL,OAAf,CAAhC;EAEA,MAAMU,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEAP,KAAK,CAACQ,SAAN,CAAgB,MAAM;IACpB,IAAI,CAACJ,QAAL,EAAe;MACb;IACD;;IAEDF,qBAAA,CAASO,MAAT,CAAgBV,OAAhB,EAAyB;MACvBW,OAAO,EAAEd,OAAO,GAAG,CAAH,GAAO,CADA;MAEvBe,QAAQ,EAAE,GAFa;MAGvBC,eAAe,EAAE;IAHM,CAAzB,EAIGC,KAJH,CAIS,SAAkB;MAAA,IAAjB;QAAEC;MAAF,CAAiB;;MACzB,IAAIA,QAAQ,IAAI,CAAClB,OAAjB,EAA0B;QACxBS,WAAW,CAAC,KAAD,CAAX;MACD;IACF,CARD;;IAUA,OAAO,MAAMN,OAAO,CAACgB,aAAR,EAAb;EACD,CAhBD,EAgBG,CAAChB,OAAD,EAAUK,QAAV,EAAoBR,OAApB,CAhBH;;EAkBA,IAAI,CAACQ,QAAL,EAAe;IACb,IAAIR,OAAJ,EAAa;MACXS,WAAW,CAAC,IAAD,CAAX;IACD,CAFD,MAEO;MACL,OAAO,IAAP;IACD;EACF,CA9BO,CAgCR;;;EACA,MAAM;IAAEW,eAAe,GAAGV,KAAK,CAACW,MAAN,CAAaC,YAAjC;IAA+C,GAAGC;EAAlD,IACJC,uBAAA,CAAWC,OAAX,CAAmB1B,KAAnB,KAA6B,EAD/B;EAEA,MAAM2B,SAAS,GAAG,IAAAC,cAAA,EAAMP,eAAN,EAAuBQ,OAAvB,KAAmC,OAAnC,GAA6C,OAA/D;EAEA,MAAMC,YAAY,GAAG5B,IAAI,GAAG,CAA5B;EACA,MAAM6B,QAAQ,GAAGC,IAAI,CAACC,KAAL,CAAY/B,IAAI,GAAG,CAAR,GAAa,CAAxB,CAAjB;EAEA,oBACE,oBAAC,qBAAD,CAAU,IAAV;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CACL;MACEgC,SAAS,EAAE,CACT;QACEC,KAAK,EAAE/B,OAAO,CAACgC,WAAR,CAAoB;UACzBC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CADa;UAEzBC,WAAW,EAAE,CAAC,GAAD,EAAM,CAAN;QAFY,CAApB;MADT,CADS,CADb;MASEV,KAAK,EAAED,SATT;MAUEY,UAAU,EAAErC,IAAI,GAAG,CAVrB;MAWEsC,MAAM,EAAEtC,IAXV;MAYEuC,QAAQ,EAAEvC,IAZZ;MAaEE,OAbF;MAcEiB,eAdF;MAeEU,QAfF;MAgBED;IAhBF,CADK,EAmBLY,MAAM,CAACC,SAnBF,EAoBLnB,SApBK;EAFT,GAwBMrB,IAxBN,GA0BGJ,QA1BH,CADF;AA8BD;;AAED,MAAM2C,MAAM,GAAGjB,uBAAA,CAAWmB,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IACTE,SAAS,EAAE,UADF;IAETC,SAAS,EAAE,QAFF;IAGTC,iBAAiB,EAAE,CAHV;IAITC,QAAQ,EAAE;EAJD;AADoB,CAAlB,CAAf"}
+{"version":3,"names":["Badge","children","style","visible","size","rest","opacity","React","useState","Animated","Value","rendered","setRendered","theme","useTheme","useEffect","timing","toValue","duration","useNativeDriver","start","finished","stopAnimation","backgroundColor","colors","notification","restStyle","StyleSheet","flatten","textColor","color","isLight","borderRadius","fontSize","Math","floor","transform","scale","interpolate","inputRange","outputRange","lineHeight","height","minWidth","styles","container","create","alignSelf","textAlign","paddingHorizontal","overflow"],"sourceRoot":"../../src","sources":["Badge.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA0E;AAAA;AAAA;AAAA;AAqB3D,SAASA,KAAK,OAMnB;EAAA,IANoB;IAC5BC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG,IAAI;IACdC,IAAI,GAAG,EAAE;IACT,GAAGC;EACE,CAAC;EACN,MAAM,CAACC,OAAO,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAC,MAAM,IAAIC,qBAAQ,CAACC,KAAK,CAACP,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EAC3E,MAAM,CAACQ,QAAQ,EAAEC,WAAW,CAAC,GAAGL,KAAK,CAACC,QAAQ,CAACL,OAAO,CAAC;EAEvD,MAAMU,KAAK,GAAG,IAAAC,gBAAQ,GAAE;EAExBP,KAAK,CAACQ,SAAS,CAAC,MAAM;IACpB,IAAI,CAACJ,QAAQ,EAAE;MACb;IACF;IAEAF,qBAAQ,CAACO,MAAM,CAACV,OAAO,EAAE;MACvBW,OAAO,EAAEd,OAAO,GAAG,CAAC,GAAG,CAAC;MACxBe,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,SAAkB;MAAA,IAAjB;QAAEC;MAAS,CAAC;MACpB,IAAIA,QAAQ,IAAI,CAAClB,OAAO,EAAE;QACxBS,WAAW,CAAC,KAAK,CAAC;MACpB;IACF,CAAC,CAAC;IAEF,OAAO,MAAMN,OAAO,CAACgB,aAAa,EAAE;EACtC,CAAC,EAAE,CAAChB,OAAO,EAAEK,QAAQ,EAAER,OAAO,CAAC,CAAC;EAEhC,IAAI,CAACQ,QAAQ,EAAE;IACb,IAAIR,OAAO,EAAE;MACXS,WAAW,CAAC,IAAI,CAAC;IACnB,CAAC,MAAM;MACL,OAAO,IAAI;IACb;EACF;;EAEA;EACA,MAAM;IAAEW,eAAe,GAAGV,KAAK,CAACW,MAAM,CAACC,YAAY;IAAE,GAAGC;EAAU,CAAC,GACjEC,uBAAU,CAACC,OAAO,CAAC1B,KAAK,CAAC,IAAI,CAAC,CAAC;EACjC,MAAM2B,SAAS,GAAG,IAAAC,cAAK,EAACP,eAAe,CAAC,CAACQ,OAAO,EAAE,GAAG,OAAO,GAAG,OAAO;EAEtE,MAAMC,YAAY,GAAG5B,IAAI,GAAG,CAAC;EAC7B,MAAM6B,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAAE/B,IAAI,GAAG,CAAC,GAAI,CAAC,CAAC;EAE3C,oBACE,oBAAC,qBAAQ,CAAC,IAAI;IACZ,aAAa,EAAE,CAAE;IACjB,KAAK,EAAE,CACL;MACEgC,SAAS,EAAE,CACT;QACEC,KAAK,EAAE/B,OAAO,CAACgC,WAAW,CAAC;UACzBC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC;QACtB,CAAC;MACH,CAAC,CACF;MACDV,KAAK,EAAED,SAAS;MAChBY,UAAU,EAAErC,IAAI,GAAG,CAAC;MACpBsC,MAAM,EAAEtC,IAAI;MACZuC,QAAQ,EAAEvC,IAAI;MACdE,OAAO;MACPiB,eAAe;MACfU,QAAQ;MACRD;IACF,CAAC,EACDY,MAAM,CAACC,SAAS,EAChBnB,SAAS;EACT,GACErB,IAAI,GAEPJ,QAAQ,CACK;AAEpB;AAEA,MAAM2C,MAAM,GAAGjB,uBAAU,CAACmB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,SAAS,EAAE,UAAU;IACrBC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}

package/lib/commonjs/views/BottomTabBar.js

@@ -5,30 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = BottomTabBar;
 exports.getTabBarHeight = void 0;
-
 var _elements = require("@react-navigation/elements");
-
 var _native = require("@react-navigation/native");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _BottomTabBarHeightCallbackContext = _interopRequireDefault(require("../utils/BottomTabBarHeightCallbackContext"));
-
 var _useIsKeyboardShown = _interopRequireDefault(require("../utils/useIsKeyboardShown"));
-
 var _BottomTabItem = _interopRequireDefault(require("./BottomTabItem"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DEFAULT_TABBAR_HEIGHT = 49;
 const COMPACT_TABBAR_HEIGHT = 32;
 const DEFAULT_MAX_TAB_ITEM_WIDTH = 125;
 const useNativeDriver = _reactNative.Platform.OS !== 'web';
-
 const shouldUseHorizontalLabels = _ref => {
   let {
     state,
@@ -39,26 +28,21 @@ const shouldUseHorizontalLabels = _ref => {
   const {
     tabBarLabelPosition
   } = descriptors[state.routes[state.index].key].options;
-
   if (tabBarLabelPosition) {
     switch (tabBarLabelPosition) {
       case 'beside-icon':
         return true;
-
       case 'below-icon':
         return false;
     }
   }
-
   if (layout.width >= 768) {
     // Screen size matches a tablet
     const maxTabWidth = state.routes.reduce((acc, route) => {
       const {
         tabBarItemStyle
       } = descriptors[route.key].options;
-
       const flattenedStyle = _reactNative.StyleSheet.flatten(tabBarItemStyle);
-
       if (flattenedStyle) {
         if (typeof flattenedStyle.width === 'number') {
           return acc + flattenedStyle.width;
@@ -66,7 +50,6 @@ const shouldUseHorizontalLabels = _ref => {
           return acc + flattenedStyle.maxWidth;
         }
       }
-
       return acc + DEFAULT_MAX_TAB_ITEM_WIDTH;
     }, 0);
     return maxTabWidth <= layout.width;
@@ -74,15 +57,12 @@ const shouldUseHorizontalLabels = _ref => {
     return dimensions.width > dimensions.height;
   }
 };
-
 const getPaddingBottom = insets => Math.max(insets.bottom - _reactNative.Platform.select({
   ios: 4,
   default: 0
 }), 0);
-
 const getTabBarHeight = _ref2 => {
   var _StyleSheet$flatten;
-
   let {
     state,
     descriptors,
@@ -93,11 +73,9 @@ const getTabBarHeight = _ref2 => {
   } = _ref2;
   // @ts-ignore
   const customHeight = (_StyleSheet$flatten = _reactNative.StyleSheet.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.height;
-
   if (typeof customHeight === 'number') {
     return customHeight;
   }
-
   const isLandscape = dimensions.width > dimensions.height;
   const horizontalLabels = shouldUseHorizontalLabels({
     state,
@@ -106,16 +84,12 @@ const getTabBarHeight = _ref2 => {
     ...rest
   });
   const paddingBottom = getPaddingBottom(insets);
-
   if (_reactNative.Platform.OS === 'ios' && !_reactNative.Platform.isPad && isLandscape && horizontalLabels) {
     return COMPACT_TABBAR_HEIGHT + paddingBottom;
   }
-
   return DEFAULT_TABBAR_HEIGHT + paddingBottom;
 };
-
 exports.getTabBarHeight = getTabBarHeight;
-
 function BottomTabBar(_ref3) {
   let {
     state,
@@ -144,27 +118,18 @@ function BottomTabBar(_ref3) {
   } = focusedOptions;
   const dimensions = (0, _reactNativeSafeAreaContext.useSafeAreaFrame)();
   const isKeyboardShown = (0, _useIsKeyboardShown.default)();
-
   const onHeightChange = _react.default.useContext(_BottomTabBarHeightCallbackContext.default);
-
   const shouldShowTabBar = !(tabBarHideOnKeyboard && isKeyboardShown);
-
   const visibilityAnimationConfigRef = _react.default.useRef(tabBarVisibilityAnimationConfig);
-
   _react.default.useEffect(() => {
     visibilityAnimationConfigRef.current = tabBarVisibilityAnimationConfig;
   });
-
   const [isTabBarHidden, setIsTabBarHidden] = _react.default.useState(!shouldShowTabBar);
-
   const [visible] = _react.default.useState(() => new _reactNative.Animated.Value(shouldShowTabBar ? 1 : 0));
-
   _react.default.useEffect(() => {
     const visibilityAnimationConfig = visibilityAnimationConfigRef.current;
-
     if (shouldShowTabBar) {
       var _visibilityAnimationC, _visibilityAnimationC2;
-
       const animation = (visibilityAnimationConfig === null || visibilityAnimationConfig === void 0 ? void 0 : (_visibilityAnimationC = visibilityAnimationConfig.show) === null || _visibilityAnimationC === void 0 ? void 0 : _visibilityAnimationC.animation) === 'spring' ? _reactNative.Animated.spring : _reactNative.Animated.timing;
       animation(visible, {
         toValue: 1,
@@ -175,14 +140,12 @@ function BottomTabBar(_ref3) {
         let {
           finished
         } = _ref4;
-
         if (finished) {
           setIsTabBarHidden(false);
         }
       });
     } else {
       var _visibilityAnimationC3, _visibilityAnimationC4;
-
       setIsTabBarHidden(true);
       const animation = (visibilityAnimationConfig === null || visibilityAnimationConfig === void 0 ? void 0 : (_visibilityAnimationC3 = visibilityAnimationConfig.hide) === null || _visibilityAnimationC3 === void 0 ? void 0 : _visibilityAnimationC3.animation) === 'spring' ? _reactNative.Animated.spring : _reactNative.Animated.timing;
       animation(visible, {
@@ -192,15 +155,12 @@ function BottomTabBar(_ref3) {
         ...(visibilityAnimationConfig === null || visibilityAnimationConfig === void 0 ? void 0 : (_visibilityAnimationC4 = visibilityAnimationConfig.hide) === null || _visibilityAnimationC4 === void 0 ? void 0 : _visibilityAnimationC4.config)
       }).start();
     }
-
     return () => visible.stopAnimation();
   }, [visible, shouldShowTabBar]);
-
   const [layout, setLayout] = _react.default.useState({
     height: 0,
     width: dimensions.width
   });
-
   const handleLayout = e => {
     const {
       height,
@@ -218,7 +178,6 @@ function BottomTabBar(_ref3) {
       }
     });
   };
-
   const {
     routes
   } = state;
@@ -266,22 +225,19 @@ function BottomTabBar(_ref3) {
     accessibilityRole: "tablist",
     style: styles.content
   }, routes.map((route, index) => {
-    var _options$tabBarIcon;
-
     const focused = index === state.index;
     const {
       options
     } = descriptors[route.key];
-
     const onPress = () => {
       const event = navigation.emit({
         type: 'tabPress',
         target: route.key,
         canPreventDefault: true
       });
-
       if (!focused && !event.defaultPrevented) {
-        navigation.dispatch({ ..._native.CommonActions.navigate({
+        navigation.dispatch({
+          ..._native.CommonActions.navigate({
             name: route.name,
             merge: true
           }),
@@ -289,14 +245,12 @@ function BottomTabBar(_ref3) {
         });
       }
     };
-
     const onLongPress = () => {
       navigation.emit({
         type: 'tabLongPress',
         target: route.key
       });
     };
-
     const label = options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
     const accessibilityLabel = options.tabBarAccessibilityLabel !== undefined ? options.tabBarAccessibilityLabel : typeof label === 'string' && _reactNative.Platform.OS === 'ios' ? `${label}, tab, ${index + 1} of ${routes.length}` : undefined;
     return /*#__PURE__*/_react.default.createElement(_native.NavigationContext.Provider, {
@@ -306,6 +260,7 @@ function BottomTabBar(_ref3) {
       value: route
     }, /*#__PURE__*/_react.default.createElement(_BottomTabItem.default, {
       route: route,
+      descriptor: descriptors[route.key],
       focused: focused,
       horizontal: hasHorizontalLabels,
       onPress: onPress,
@@ -319,7 +274,7 @@ function BottomTabBar(_ref3) {
       activeBackgroundColor: tabBarActiveBackgroundColor,
       inactiveBackgroundColor: tabBarInactiveBackgroundColor,
       button: options.tabBarButton,
-      icon: (_options$tabBarIcon = options.tabBarIcon) !== null && _options$tabBarIcon !== void 0 ? _options$tabBarIcon : _ref5 => {
+      icon: options.tabBarIcon ?? (_ref5 => {
         let {
           color,
           size
@@ -328,7 +283,7 @@ function BottomTabBar(_ref3) {
           color: color,
           size: size
         });
-      },
+      }),
       badge: options.tabBarBadge,
       badgeStyle: options.tabBarBadgeStyle,
       label: label,
@@ -339,7 +294,6 @@ function BottomTabBar(_ref3) {
     })));
   })));
 }
-
 const styles = _reactNative.StyleSheet.create({
   tabBar: {
     left: 0,