@react-navigation/bottom-tabs 7.0.0-alpha.2 → 7.0.0-alpha.21

package/lib/module/views/BottomTabView.js

@@ -1,12 +1,41 @@
 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); }
 import { getHeaderTitle, Header, SafeAreaProviderCompat, Screen } from '@react-navigation/elements';
 import * as React from 'react';
-import { Platform, StyleSheet } from 'react-native';
+import { Animated, Platform, StyleSheet } from 'react-native';
 import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import { FadeTransition, ShiftTransition } from '../TransitionConfigs/TransitionPresets';
 import { BottomTabBarHeightCallbackContext } from '../utils/BottomTabBarHeightCallbackContext';
 import { BottomTabBarHeightContext } from '../utils/BottomTabBarHeightContext';
+import { useAnimatedHashMap } from '../utils/useAnimatedHashMap';
 import { BottomTabBar, getTabBarHeight } from './BottomTabBar';
 import { MaybeScreen, MaybeScreenContainer } from './ScreenFallback';
+const EPSILON = 1e-5;
+const STATE_INACTIVE = 0;
+const STATE_TRANSITIONING_OR_BELOW_TOP = 1;
+const STATE_ON_TOP = 2;
+const NAMED_TRANSITIONS_PRESETS = {
+  fade: FadeTransition,
+  shift: ShiftTransition,
+  none: {
+    sceneStyleInterpolator: undefined,
+    transitionSpec: {
+      animation: 'timing',
+      config: {
+        duration: 0
+      }
+    }
+  }
+};
+const hasAnimation = options => {
+  const {
+    animation,
+    transitionSpec
+  } = options;
+  if (animation) {
+    return animation !== 'none';
+  }
+  return !transitionSpec;
+};
 export function BottomTabView(props) {
   const {
     tabBar = props => /*#__PURE__*/React.createElement(BottomTabBar, props),
@@ -18,10 +47,46 @@ export function BottomTabView(props) {
     sceneContainerStyle
   } = props;
   const focusedRouteKey = state.routes[state.index].key;
+
+  /**
+   * List of loaded tabs, tabs will be loaded when navigated to.
+   */
   const [loaded, setLoaded] = React.useState([focusedRouteKey]);
   if (!loaded.includes(focusedRouteKey)) {
+    // Set the current tab to be loaded if it was not loaded before
     setLoaded([...loaded, focusedRouteKey]);
   }
+  const previousRouteKeyRef = React.useRef(focusedRouteKey);
+  const tabAnims = useAnimatedHashMap(state);
+  React.useEffect(() => {
+    const previousRouteKey = previousRouteKeyRef.current;
+    previousRouteKeyRef.current = focusedRouteKey;
+    const animateToIndex = () => {
+      Animated.parallel(state.routes.map((route, index) => {
+        const {
+          options
+        } = descriptors[route.key];
+        const {
+          animation = 'none',
+          transitionSpec = NAMED_TRANSITIONS_PRESETS[animation].transitionSpec
+        } = options;
+        let spec = transitionSpec;
+        if (route.key !== previousRouteKey && route.key !== focusedRouteKey) {
+          // Don't animate if the screen is not previous one or new one
+          // This will avoid flicker for screens not involved in the transition
+          spec = NAMED_TRANSITIONS_PRESETS.none.transitionSpec;
+        }
+        spec = spec ?? NAMED_TRANSITIONS_PRESETS.none.transitionSpec;
+        const toValue = index === state.index ? 0 : index >= state.index ? 1 : -1;
+        return Animated[spec.animation](tabAnims[route.key], {
+          ...spec.config,
+          toValue,
+          useNativeDriver: true
+        });
+      }).filter(Boolean)).start();
+    };
+    animateToIndex();
+  }, [descriptors, focusedRouteKey, state.index, state.routes, tabAnims]);
   const dimensions = SafeAreaProviderCompat.initialMetrics.frame;
   const [tabBarHeight, setTabBarHeight] = React.useState(() => getTabBarHeight({
     state,
@@ -43,32 +108,44 @@ export function BottomTabView(props) {
       descriptors: descriptors,
       navigation: navigation,
       insets: {
-        top: (safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.top) ?? (insets === null || insets === void 0 ? void 0 : insets.top) ?? 0,
-        right: (safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.right) ?? (insets === null || insets === void 0 ? void 0 : insets.right) ?? 0,
-        bottom: (safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.bottom) ?? (insets === null || insets === void 0 ? void 0 : insets.bottom) ?? 0,
-        left: (safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.left) ?? (insets === null || insets === void 0 ? void 0 : insets.left) ?? 0
+        top: safeAreaInsets?.top ?? insets?.top ?? 0,
+        right: safeAreaInsets?.right ?? insets?.right ?? 0,
+        bottom: safeAreaInsets?.bottom ?? insets?.bottom ?? 0,
+        left: safeAreaInsets?.left ?? insets?.left ?? 0
       }
     }));
   };
   const {
     routes
   } = state;
-  return /*#__PURE__*/React.createElement(SafeAreaProviderCompat, null, /*#__PURE__*/React.createElement(MaybeScreenContainer, {
+
+  // If there is no animation, we only have 2 states: visible and invisible
+  const hasTwoStates = !routes.some(route => hasAnimation(descriptors[route.key].options));
+  const {
+    tabBarPosition = 'bottom'
+  } = descriptors[focusedRouteKey].options;
+  return /*#__PURE__*/React.createElement(SafeAreaProviderCompat, {
+    style: tabBarPosition === 'left' ? styles.start : tabBarPosition === 'right' ? styles.end : null
+  }, tabBarPosition === 'top' ? /*#__PURE__*/React.createElement(BottomTabBarHeightCallbackContext.Provider, {
+    value: setTabBarHeight
+  }, renderTabBar()) : null, /*#__PURE__*/React.createElement(MaybeScreenContainer, {
     enabled: detachInactiveScreens,
-    hasTwoStates: true,
-    style: styles.container
+    hasTwoStates: hasTwoStates,
+    style: styles.screens
   }, routes.map((route, index) => {
     const descriptor = descriptors[route.key];
     const {
       lazy = true,
-      unmountOnBlur
+      unmountOnBlur,
+      animation = 'none',
+      sceneStyleInterpolator = NAMED_TRANSITIONS_PRESETS[animation].sceneStyleInterpolator
     } = descriptor.options;
     const isFocused = state.index === index;
     if (unmountOnBlur && !isFocused) {
       return null;
     }
-    if (lazy && !loaded.includes(route.key) && !isFocused) {
-      // Don't render a lazy screen if we've never navigated to it
+    if (lazy && !loaded.includes(route.key) && !isFocused && !state.preloadedRouteKeys.includes(route.key)) {
+      // Don't render a lazy screen if we've never navigated to it or it wasn't preloaded
       return null;
     }
     const {
@@ -87,16 +164,35 @@ export function BottomTabView(props) {
       headerStatusBarHeight,
       headerTransparent
     } = descriptor.options;
+    const {
+      sceneStyle
+    } = sceneStyleInterpolator?.({
+      current: {
+        progress: tabAnims[route.key]
+      }
+    }) ?? {};
+    const animationEnabled = hasAnimation(descriptor.options);
+    const activityState = isFocused ? STATE_ON_TOP // the screen is on top after the transition
+    : animationEnabled // is animation is not enabled, immediately move to inactive state
+    ? tabAnims[route.key].interpolate({
+      inputRange: [0, 1 - EPSILON, 1],
+      outputRange: [STATE_TRANSITIONING_OR_BELOW_TOP,
+      // screen visible during transition
+      STATE_TRANSITIONING_OR_BELOW_TOP, STATE_INACTIVE // the screen is detached after transition
+      ],
+
+      extrapolate: 'extend'
+    }) : STATE_INACTIVE;
     return /*#__PURE__*/React.createElement(MaybeScreen, {
       key: route.key,
       style: [StyleSheet.absoluteFill, {
         zIndex: isFocused ? 0 : -1
       }],
-      visible: isFocused,
+      active: activityState,
       enabled: detachInactiveScreens,
       freezeOnBlur: freezeOnBlur
     }, /*#__PURE__*/React.createElement(BottomTabBarHeightContext.Provider, {
-      value: tabBarHeight
+      value: tabBarPosition === 'bottom' ? tabBarHeight : 0
     }, /*#__PURE__*/React.createElement(Screen, {
       focused: isFocused,
       route: descriptor.route,
@@ -110,14 +206,20 @@ export function BottomTabView(props) {
         navigation: descriptor.navigation,
         options: descriptor.options
       }),
-      style: sceneContainerStyle
+      style: [sceneContainerStyle, animationEnabled && sceneStyle]
     }, descriptor.render())));
-  })), /*#__PURE__*/React.createElement(BottomTabBarHeightCallbackContext.Provider, {
+  })), tabBarPosition !== 'top' ? /*#__PURE__*/React.createElement(BottomTabBarHeightCallbackContext.Provider, {
     value: setTabBarHeight
-  }, renderTabBar()));
+  }, renderTabBar()) : null);
 }
 const styles = StyleSheet.create({
-  container: {
+  start: {
+    flexDirection: 'row-reverse'
+  },
+  end: {
+    flexDirection: 'row'
+  },
+  screens: {
     flex: 1,
     overflow: 'hidden'
   }

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

@@ -1 +1 @@
-{"version":3,"names":["getHeaderTitle","Header","SafeAreaProviderCompat","Screen","React","Platform","StyleSheet","SafeAreaInsetsContext","BottomTabBarHeightCallbackContext","BottomTabBarHeightContext","BottomTabBar","getTabBarHeight","MaybeScreen","MaybeScreenContainer","BottomTabView","props","tabBar","state","navigation","descriptors","safeAreaInsets","detachInactiveScreens","OS","sceneContainerStyle","focusedRouteKey","routes","index","key","loaded","setLoaded","useState","includes","dimensions","initialMetrics","frame","tabBarHeight","setTabBarHeight","layout","width","height","insets","style","options","tabBarStyle","renderTabBar","top","right","bottom","left","styles","container","map","route","descriptor","lazy","unmountOnBlur","isFocused","freezeOnBlur","header","name","headerShown","headerStatusBarHeight","headerTransparent","absoluteFill","zIndex","render","create","flex","overflow"],"sourceRoot":"../../../src","sources":["views/BottomTabView.tsx"],"mappings":"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"}
+{"version":3,"names":["getHeaderTitle","Header","SafeAreaProviderCompat","Screen","React","Animated","Platform","StyleSheet","SafeAreaInsetsContext","FadeTransition","ShiftTransition","BottomTabBarHeightCallbackContext","BottomTabBarHeightContext","useAnimatedHashMap","BottomTabBar","getTabBarHeight","MaybeScreen","MaybeScreenContainer","EPSILON","STATE_INACTIVE","STATE_TRANSITIONING_OR_BELOW_TOP","STATE_ON_TOP","NAMED_TRANSITIONS_PRESETS","fade","shift","none","sceneStyleInterpolator","undefined","transitionSpec","animation","config","duration","hasAnimation","options","BottomTabView","props","tabBar","createElement","state","navigation","descriptors","safeAreaInsets","detachInactiveScreens","OS","sceneContainerStyle","focusedRouteKey","routes","index","key","loaded","setLoaded","useState","includes","previousRouteKeyRef","useRef","tabAnims","useEffect","previousRouteKey","current","animateToIndex","parallel","map","route","spec","toValue","useNativeDriver","filter","Boolean","start","dimensions","initialMetrics","frame","tabBarHeight","setTabBarHeight","layout","width","height","insets","style","tabBarStyle","renderTabBar","Consumer","top","right","bottom","left","hasTwoStates","some","tabBarPosition","styles","end","Provider","value","enabled","screens","descriptor","lazy","unmountOnBlur","isFocused","preloadedRouteKeys","freezeOnBlur","header","_ref","_extends","title","name","headerShown","headerStatusBarHeight","headerTransparent","sceneStyle","progress","animationEnabled","activityState","interpolate","inputRange","outputRange","extrapolate","absoluteFill","zIndex","active","focused","render","create","flexDirection","flex","overflow"],"sourceRoot":"../../../src","sources":["views/BottomTabView.tsx"],"mappings":"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"}

package/lib/module/views/ScreenFallback.js

@@ -1,5 +1,4 @@
 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); }
-import { ResourceSavingView } from '@react-navigation/elements';
 import * as React from 'react';
 import { View } from 'react-native';
 let Screens;
@@ -9,12 +8,11 @@ try {
   // Ignore
 }
 export const MaybeScreenContainer = _ref => {
-  var _Screens, _Screens$screensEnabl;
   let {
     enabled,
     ...rest
   } = _ref;
-  if ((_Screens = Screens) !== null && _Screens !== void 0 && (_Screens$screensEnabl = _Screens.screensEnabled) !== null && _Screens$screensEnabl !== void 0 && _Screens$screensEnabl.call(_Screens)) {
+  if (Screens?.screensEnabled?.()) {
     return /*#__PURE__*/React.createElement(Screens.ScreenContainer, _extends({
       enabled: enabled
     }, rest));
@@ -22,19 +20,17 @@ export const MaybeScreenContainer = _ref => {
   return /*#__PURE__*/React.createElement(View, rest);
 };
 export function MaybeScreen(_ref2) {
-  var _Screens2, _Screens2$screensEnab;
   let {
-    visible,
-    children,
+    enabled,
+    active,
     ...rest
   } = _ref2;
-  if ((_Screens2 = Screens) !== null && _Screens2 !== void 0 && (_Screens2$screensEnab = _Screens2.screensEnabled) !== null && _Screens2$screensEnab !== void 0 && _Screens2$screensEnab.call(_Screens2)) {
+  if (Screens?.screensEnabled?.()) {
     return /*#__PURE__*/React.createElement(Screens.Screen, _extends({
-      activityState: visible ? 2 : 0
-    }, rest), children);
+      enabled: enabled,
+      activityState: active
+    }, rest));
   }
-  return /*#__PURE__*/React.createElement(ResourceSavingView, _extends({
-    visible: visible
-  }, rest), children);
+  return /*#__PURE__*/React.createElement(View, rest);
 }
 //# sourceMappingURL=ScreenFallback.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ResourceSavingView","React","View","Screens","require","e","MaybeScreenContainer","enabled","rest","screensEnabled","MaybeScreen","visible","children"],"sourceRoot":"../../../src","sources":["views/ScreenFallback.tsx"],"mappings":";AAAA,SAASA,kBAAkB,QAAQ,4BAA4B;AAC/D,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAAoBC,IAAI,QAA8B,cAAc;AAUpE,IAAIC,OAA0D;AAE9D,IAAI;EACFA,OAAO,GAAGC,OAAO,CAAC,sBAAsB,CAAC;AAC3C,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV;AAAA;AAGF,OAAO,MAAMC,oBAAoB,GAAG,QAO9B;EAAA;EAAA,IAP+B;IACnCC,OAAO;IACP,GAAGC;EAKL,CAAC;EACC,gBAAIL,OAAO,8DAAP,SAASM,cAAc,kDAAvB,oCAA2B,EAAE;IAC/B,oBAAO,oBAAC,OAAO,CAAC,eAAe;MAAC,OAAO,EAAEF;IAAQ,GAAKC,IAAI,EAAI;EAChE;EAEA,oBAAO,oBAAC,IAAI,EAAKA,IAAI,CAAI;AAC3B,CAAC;AAED,OAAO,SAASE,WAAW,QAAwC;EAAA;EAAA,IAAvC;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGJ;EAAY,CAAC;EAC/D,iBAAIL,OAAO,+DAAP,UAASM,cAAc,kDAAvB,qCAA2B,EAAE;IAC/B,oBACE,oBAAC,OAAO,CAAC,MAAM;MAAC,aAAa,EAAEE,OAAO,GAAG,CAAC,GAAG;IAAE,GAAKH,IAAI,GACrDI,QAAQ,CACM;EAErB;EAEA,oBACE,oBAAC,kBAAkB;IAAC,OAAO,EAAED;EAAQ,GAAKH,IAAI,GAC3CI,QAAQ,CACU;AAEzB"}
+{"version":3,"names":["React","View","Screens","require","e","MaybeScreenContainer","_ref","enabled","rest","screensEnabled","createElement","ScreenContainer","_extends","MaybeScreen","_ref2","active","Screen","activityState"],"sourceRoot":"../../../src","sources":["views/ScreenFallback.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAGEC,IAAI,QAGC,cAAc;AAUrB,IAAIC,OAA0D;AAE9D,IAAI;EACFA,OAAO,GAAGC,OAAO,CAAC,sBAAsB,CAAC;AAC3C,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV;AAAA;AAGF,OAAO,MAAMC,oBAAoB,GAAGC,IAAA,IAO9B;EAAA,IAP+B;IACnCC,OAAO;IACP,GAAGC;EAKL,CAAC,GAAAF,IAAA;EACC,IAAIJ,OAAO,EAAEO,cAAc,GAAG,CAAC,EAAE;IAC/B,oBAAOT,KAAA,CAAAU,aAAA,CAACR,OAAO,CAACS,eAAe,EAAAC,QAAA;MAACL,OAAO,EAAEA;IAAQ,GAAKC,IAAI,CAAG,CAAC;EAChE;EAEA,oBAAOR,KAAA,CAAAU,aAAA,CAACT,IAAI,EAAKO,IAAO,CAAC;AAC3B,CAAC;AAED,OAAO,SAASK,WAAWA,CAAAC,KAAA,EAAkD;EAAA,IAAjD;IAAEP,OAAO;IAAEQ,MAAM;IAAE,GAAGP;EAAwB,CAAC,GAAAM,KAAA;EACzE,IAAIZ,OAAO,EAAEO,cAAc,GAAG,CAAC,EAAE;IAC/B,oBACET,KAAA,CAAAU,aAAA,CAACR,OAAO,CAACc,MAAM,EAAAJ,QAAA;MAACL,OAAO,EAAEA,OAAQ;MAACU,aAAa,EAAEF;IAAO,GAAKP,IAAI,CAAG,CAAC;EAEzE;EAEA,oBAAOR,KAAA,CAAAU,aAAA,CAACT,IAAI,EAAKO,IAAO,CAAC;AAC3B"}

package/lib/module/views/TabBarIcon.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Badge } from './Badge';
+const ICON_SIZE = 25;
 export function TabBarIcon(_ref) {
   let {
     route: _,
@@ -14,8 +15,6 @@ export function TabBarIcon(_ref) {
     renderIcon,
     style
   } = _ref;
-  const size = 25;
-
   // We render the icon twice at the same position on top of each other:
   // active and inactive one, so we can fade between them.
   return /*#__PURE__*/React.createElement(View, {
@@ -26,7 +25,7 @@ export function TabBarIcon(_ref) {
     }]
   }, renderIcon({
     focused: true,
-    size,
+    size: ICON_SIZE,
     color: activeTintColor
   })), /*#__PURE__*/React.createElement(View, {
     style: [styles.icon, {
@@ -34,12 +33,12 @@ export function TabBarIcon(_ref) {
     }]
   }, renderIcon({
     focused: false,
-    size,
+    size: ICON_SIZE,
     color: inactiveTintColor
   })), /*#__PURE__*/React.createElement(Badge, {
     visible: badge != null,
-    style: [styles.badge, horizontal ? styles.badgeHorizontal : styles.badgeVertical, badgeStyle],
-    size: size * 3 / 4
+    style: [styles.badge, badgeStyle],
+    size: ICON_SIZE * 0.75
   }, badge));
 }
 const styles = StyleSheet.create({
@@ -54,24 +53,20 @@ const styles = StyleSheet.create({
     height: '100%',
     width: '100%',
     // Workaround for react-native >= 0.54 layout bug
-    minWidth: 25
+    minWidth: ICON_SIZE
   },
   iconVertical: {
-    flex: 1
+    width: ICON_SIZE,
+    height: ICON_SIZE
   },
   iconHorizontal: {
-    height: '100%',
-    marginTop: 3
+    width: ICON_SIZE,
+    height: ICON_SIZE
   },
   badge: {
     position: 'absolute',
-    left: 3
-  },
-  badgeVertical: {
-    top: 3
-  },
-  badgeHorizontal: {
-    top: 7
+    end: -5,
+    top: -5
   }
 });
 //# sourceMappingURL=TabBarIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","Badge","TabBarIcon","route","_","horizontal","badge","badgeStyle","activeOpacity","inactiveOpacity","activeTintColor","inactiveTintColor","renderIcon","style","size","styles","iconHorizontal","iconVertical","icon","opacity","focused","color","badgeHorizontal","badgeVertical","create","position","alignSelf","alignItems","justifyContent","height","width","minWidth","flex","marginTop","left","top"],"sourceRoot":"../../../src","sources":["views/TabBarIcon.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAEEC,UAAU,EAEVC,IAAI,QAEC,cAAc;AAErB,SAASC,KAAK,QAAQ,SAAS;AAmB/B,OAAO,SAASC,UAAU,OAWhB;EAAA,IAXiB;IACzBC,KAAK,EAAEC,CAAC;IACRC,UAAU;IACVC,KAAK;IACLC,UAAU;IACVC,aAAa;IACbC,eAAe;IACfC,eAAe;IACfC,iBAAiB;IACjBC,UAAU;IACVC;EACK,CAAC;EACN,MAAMC,IAAI,GAAG,EAAE;;EAEf;EACA;EACA,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CAACT,UAAU,GAAGU,MAAM,CAACC,cAAc,GAAGD,MAAM,CAACE,YAAY,EAAEJ,KAAK;EAAE,gBAEzE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACE,MAAM,CAACG,IAAI,EAAE;MAAEC,OAAO,EAAEX;IAAc,CAAC;EAAE,GACpDI,UAAU,CAAC;IACVQ,OAAO,EAAE,IAAI;IACbN,IAAI;IACJO,KAAK,EAAEX;EACT,CAAC,CAAC,CACG,eACP,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACK,MAAM,CAACG,IAAI,EAAE;MAAEC,OAAO,EAAEV;IAAgB,CAAC;EAAE,GACtDG,UAAU,CAAC;IACVQ,OAAO,EAAE,KAAK;IACdN,IAAI;IACJO,KAAK,EAAEV;EACT,CAAC,CAAC,CACG,eACP,oBAAC,KAAK;IACJ,OAAO,EAAEL,KAAK,IAAI,IAAK;IACvB,KAAK,EAAE,CACLS,MAAM,CAACT,KAAK,EACZD,UAAU,GAAGU,MAAM,CAACO,eAAe,GAAGP,MAAM,CAACQ,aAAa,EAC1DhB,UAAU,CACV;IACF,IAAI,EAAGO,IAAI,GAAG,CAAC,GAAI;EAAE,GAEpBR,KAAK,CACA,CACH;AAEX;AAEA,MAAMS,MAAM,GAAGhB,UAAU,CAACyB,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJ;IACA;IACA;IACAO,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACb;IACAC,QAAQ,EAAE;EACZ,CAAC;EACDd,YAAY,EAAE;IACZe,IAAI,EAAE;EACR,CAAC;EACDhB,cAAc,EAAE;IACda,MAAM,EAAE,MAAM;IACdI,SAAS,EAAE;EACb,CAAC;EACD3B,KAAK,EAAE;IACLmB,QAAQ,EAAE,UAAU;IACpBS,IAAI,EAAE;EACR,CAAC;EACDX,aAAa,EAAE;IACbY,GAAG,EAAE;EACP,CAAC;EACDb,eAAe,EAAE;IACfa,GAAG,EAAE;EACP;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","View","Badge","ICON_SIZE","TabBarIcon","_ref","route","_","horizontal","badge","badgeStyle","activeOpacity","inactiveOpacity","activeTintColor","inactiveTintColor","renderIcon","style","createElement","styles","iconHorizontal","iconVertical","icon","opacity","focused","size","color","visible","create","position","alignSelf","alignItems","justifyContent","height","width","minWidth","end","top"],"sourceRoot":"../../../src","sources":["views/TabBarIcon.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAEEC,UAAU,EAEVC,IAAI,QAEC,cAAc;AAErB,SAASC,KAAK,QAAQ,SAAS;AAmB/B,MAAMC,SAAS,GAAG,EAAE;AAEpB,OAAO,SAASC,UAAUA,CAAAC,IAAA,EAWhB;EAAA,IAXiB;IACzBC,KAAK,EAAEC,CAAC;IACRC,UAAU;IACVC,KAAK;IACLC,UAAU;IACVC,aAAa;IACbC,eAAe;IACfC,eAAe;IACfC,iBAAiB;IACjBC,UAAU;IACVC;EACK,CAAC,GAAAX,IAAA;EACN;EACA;EACA,oBACEN,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IACHe,KAAK,EAAE,CAACR,UAAU,GAAGU,MAAM,CAACC,cAAc,GAAGD,MAAM,CAACE,YAAY,EAAEJ,KAAK;EAAE,gBAEzEjB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACe,KAAK,EAAE,CAACE,MAAM,CAACG,IAAI,EAAE;MAAEC,OAAO,EAAEX;IAAc,CAAC;EAAE,GACpDI,UAAU,CAAC;IACVQ,OAAO,EAAE,IAAI;IACbC,IAAI,EAAErB,SAAS;IACfsB,KAAK,EAAEZ;EACT,CAAC,CACG,CAAC,eACPd,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACe,KAAK,EAAE,CAACE,MAAM,CAACG,IAAI,EAAE;MAAEC,OAAO,EAAEV;IAAgB,CAAC;EAAE,GACtDG,UAAU,CAAC;IACVQ,OAAO,EAAE,KAAK;IACdC,IAAI,EAAErB,SAAS;IACfsB,KAAK,EAAEX;EACT,CAAC,CACG,CAAC,eACPf,KAAA,CAAAkB,aAAA,CAACf,KAAK;IACJwB,OAAO,EAAEjB,KAAK,IAAI,IAAK;IACvBO,KAAK,EAAE,CAACE,MAAM,CAACT,KAAK,EAAEC,UAAU,CAAE;IAClCc,IAAI,EAAErB,SAAS,GAAG;EAAK,GAEtBM,KACI,CACH,CAAC;AAEX;AAEA,MAAMS,MAAM,GAAGlB,UAAU,CAAC2B,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJ;IACA;IACA;IACAO,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACb;IACAC,QAAQ,EAAE/B;EACZ,CAAC;EACDiB,YAAY,EAAE;IACZa,KAAK,EAAE9B,SAAS;IAChB6B,MAAM,EAAE7B;EACV,CAAC;EACDgB,cAAc,EAAE;IACdc,KAAK,EAAE9B,SAAS;IAChB6B,MAAM,EAAE7B;EACV,CAAC;EACDM,KAAK,EAAE;IACLmB,QAAQ,EAAE,UAAU;IACpBO,GAAG,EAAE,CAAC,CAAC;IACPC,GAAG,EAAE,CAAC;EACR;AACF,CAAC,CAAC"}

package/lib/typescript/src/TransitionConfigs/SceneStyleInterpolators.d.ts

@@ -0,0 +1,10 @@
+import type { BottomTabSceneInterpolatedStyle, BottomTabSceneInterpolationProps } from '../types';
+/**
+ * Simple cross fade animation
+ */
+export declare function forFade({ current, }: BottomTabSceneInterpolationProps): BottomTabSceneInterpolatedStyle;
+/**
+ * Animation where the screens slightly shift to left/right
+ */
+export declare function forShift({ current, }: BottomTabSceneInterpolationProps): BottomTabSceneInterpolatedStyle;
+//# sourceMappingURL=SceneStyleInterpolators.d.ts.map

package/lib/typescript/src/TransitionConfigs/SceneStyleInterpolators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneStyleInterpolators.d.ts","sourceRoot":"","sources":["../../../../src/TransitionConfigs/SceneStyleInterpolators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,+BAA+B,EAC/B,gCAAgC,EACjC,MAAM,UAAU,CAAC;AAElB;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,GACR,EAAE,gCAAgC,GAAG,+BAA+B,CASpE;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,GACR,EAAE,gCAAgC,GAAG,+BAA+B,CAiBpE"}

package/lib/typescript/src/TransitionConfigs/TransitionPresets.d.ts

@@ -0,0 +1,4 @@
+import type { BottomTabTransitionPreset } from '../types';
+export declare const FadeTransition: BottomTabTransitionPreset;
+export declare const ShiftTransition: BottomTabTransitionPreset;
+//# sourceMappingURL=TransitionPresets.d.ts.map

package/lib/typescript/src/TransitionConfigs/TransitionPresets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionPresets.d.ts","sourceRoot":"","sources":["../../../../src/TransitionConfigs/TransitionPresets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAI1D,eAAO,MAAM,cAAc,EAAE,yBAG5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,yBAG7B,CAAC"}

package/lib/typescript/src/TransitionConfigs/TransitionSpecs.d.ts

@@ -0,0 +1,4 @@
+import type { TransitionSpec } from '../types';
+export declare const FadeSpec: TransitionSpec;
+export declare const ShiftSpec: TransitionSpec;
+//# sourceMappingURL=TransitionSpecs.d.ts.map

package/lib/typescript/src/TransitionConfigs/TransitionSpecs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionSpecs.d.ts","sourceRoot":"","sources":["../../../../src/TransitionConfigs/TransitionSpecs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC"}

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

@@ -1,3 +1,10 @@
+import * as SceneStyleInterpolators from './TransitionConfigs/SceneStyleInterpolators';
+import * as TransitionPresets from './TransitionConfigs/TransitionPresets';
+import * as TransitionSpecs from './TransitionConfigs/TransitionSpecs';
+/**
+ * Transition Presets
+ */
+export { SceneStyleInterpolators, TransitionPresets, TransitionSpecs };
 /**
  * Navigators
  */
@@ -16,5 +23,5 @@ export { useBottomTabBarHeight } from './utils/useBottomTabBarHeight';
 /**
  * Types
  */
-export type { BottomTabBarButtonProps, BottomTabBarProps, BottomTabHeaderProps, BottomTabNavigationEventMap, BottomTabNavigationOptions, BottomTabNavigationProp, BottomTabScreenProps, } from './types';
+export type { BottomTabBarButtonProps, BottomTabBarProps, BottomTabHeaderProps, BottomTabNavigationEventMap, BottomTabNavigationOptions, BottomTabNavigationProp, BottomTabOptionsArgs, BottomTabScreenProps, } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE;;GAEG;AACH,YAAY,EACV,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,uBAAuB,MAAM,6CAA6C,CAAC;AACvF,OAAO,KAAK,iBAAiB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AAEvE;;GAEG;AACH,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC;AAEvE;;GAEG;AACH,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE;;GAEG;AACH,YAAY,EACV,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/lib/typescript/src/navigators/createBottomTabNavigator.d.ts

@@ -1,12 +1,18 @@
-import { DefaultNavigatorOptions, ParamListBase, TabNavigationState, TabRouterOptions } from '@react-navigation/native';
-import type { BottomTabNavigationConfig, BottomTabNavigationEventMap, BottomTabNavigationOptions } from '../types';
-type Props = DefaultNavigatorOptions<ParamListBase, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap> & TabRouterOptions & BottomTabNavigationConfig;
-declare function BottomTabNavigator({ id, initialRouteName, backBehavior, children, screenListeners, screenOptions, sceneContainerStyle, ...rest }: Props): JSX.Element;
-export declare const createBottomTabNavigator: {
-    <ParamList extends ParamListBase>(): import("@react-navigation/native").TypedNavigator<ParamList, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, typeof BottomTabNavigator>;
-    <ParamList_1 extends ParamListBase, Config extends import("packages/core/lib/typescript/src/StaticNavigation").StaticConfig<ParamList_1, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, typeof BottomTabNavigator>>(config: Config): import("@react-navigation/native").TypedNavigator<ParamList_1, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, typeof BottomTabNavigator> & {
-        config: Config;
+import { type DefaultNavigatorOptions, type NavigatorTypeBagBase, type ParamListBase, type StaticConfig, type TabNavigationState, type TabRouterOptions, type TypedNavigator } from '@react-navigation/native';
+import * as React from 'react';
+import type { BottomTabNavigationConfig, BottomTabNavigationEventMap, BottomTabNavigationOptions, BottomTabNavigationProp } from '../types';
+type Props = DefaultNavigatorOptions<ParamListBase, string | undefined, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, BottomTabNavigationProp<ParamListBase>> & TabRouterOptions & BottomTabNavigationConfig;
+declare function BottomTabNavigator({ id, initialRouteName, backBehavior, children, layout, screenListeners, screenOptions, sceneContainerStyle, UNSTABLE_getStateForRouteNamesChange, ...rest }: Props): React.JSX.Element;
+export declare function createBottomTabNavigator<ParamList extends ParamListBase, NavigatorID extends string | undefined = undefined, TypeBag extends NavigatorTypeBagBase = {
+    ParamList: ParamList;
+    NavigatorID: NavigatorID;
+    State: TabNavigationState<ParamList>;
+    ScreenOptions: BottomTabNavigationOptions;
+    EventMap: BottomTabNavigationEventMap;
+    NavigationList: {
+        [RouteName in keyof ParamList]: BottomTabNavigationProp<ParamList, RouteName, NavigatorID>;
     };
-};
+    Navigator: typeof BottomTabNavigator;
+}, Config extends StaticConfig<TypeBag> | undefined = StaticConfig<TypeBag> | undefined>(config?: Config): TypedNavigator<TypeBag, Config>;
 export {};
 //# sourceMappingURL=createBottomTabNavigator.d.ts.map

package/lib/typescript/src/navigators/createBottomTabNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createBottomTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createBottomTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,uBAAuB,EACvB,aAAa,EAEb,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG,uBAAuB,CAClC,aAAa,EACb,kBAAkB,CAAC,aAAa,CAAC,EACjC,0BAA0B,EAC1B,2BAA2B,CAC5B,GACC,gBAAgB,GAChB,yBAAyB,CAAC;AAE5B,iBAAS,kBAAkB,CAAC,EAC1B,EAAE,EACF,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,GAAG,IAAI,EACR,EAAE,KAAK,eA4BP;AAED,eAAO,MAAM,wBAAwB;;;;;CAKhB,CAAC"}
+{"version":3,"file":"createBottomTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createBottomTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EAEjB,KAAK,kBAAkB,EAEvB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EAEpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACxB,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG,uBAAuB,CAClC,aAAa,EACb,MAAM,GAAG,SAAS,EAClB,kBAAkB,CAAC,aAAa,CAAC,EACjC,0BAA0B,EAC1B,2BAA2B,EAC3B,uBAAuB,CAAC,aAAa,CAAC,CACvC,GACC,gBAAgB,GAChB,yBAAyB,CAAC;AAE5B,iBAAS,kBAAkB,CAAC,EAC1B,EAAE,EACF,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,oCAAoC,EACpC,GAAG,IAAI,EACR,EAAE,KAAK,qBA8BP;AAED,wBAAgB,wBAAwB,CACtC,SAAS,SAAS,aAAa,EAC/B,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EAClD,OAAO,SAAS,oBAAoB,GAAG;IACrC,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,0BAA0B,CAAC;IAC1C,QAAQ,EAAE,2BAA2B,CAAC;IACtC,cAAc,EAAE;SACb,SAAS,IAAI,MAAM,SAAS,GAAG,uBAAuB,CACrD,SAAS,EACT,SAAS,EACT,WAAW,CACZ;KACF,CAAC;IACF,SAAS,EAAE,OAAO,kBAAkB,CAAC;CACtC,EACD,MAAM,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,SAAS,GAC5C,YAAY,CAAC,OAAO,CAAC,GACrB,SAAS,EACb,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAElD"}

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

@@ -1,7 +1,7 @@
-import type { HeaderOptions } from '@react-navigation/elements';
-import type { Descriptor, NavigationHelpers, NavigationProp, ParamListBase, RouteProp, TabActionHelpers, TabNavigationState } from '@react-navigation/native';
+import type { HeaderOptions, PlatformPressable } from '@react-navigation/elements';
+import type { Descriptor, NavigationHelpers, NavigationProp, ParamListBase, RouteProp, TabActionHelpers, TabNavigationState, Theme } from '@react-navigation/native';
 import type * as React from 'react';
-import type { Animated, GestureResponderEvent, StyleProp, TextStyle, TouchableWithoutFeedbackProps, ViewStyle } from 'react-native';
+import type { Animated, GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { EdgeInsets } from 'react-native-safe-area-context';
 export type Layout = {
     width: number;
@@ -29,6 +29,9 @@ export type BottomTabScreenProps<ParamList extends ParamListBase, RouteName exte
     navigation: BottomTabNavigationProp<ParamList, RouteName, NavigatorID>;
     route: RouteProp<ParamList, RouteName>;
 };
+export type BottomTabOptionsArgs<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = BottomTabScreenProps<ParamList, RouteName, NavigatorID> & {
+    theme: Theme;
+};
 export type TimingKeyboardAnimationConfig = {
     animation: 'timing';
     config?: Omit<Partial<Animated.TimingAnimationConfig>, 'toValue' | 'useNativeDriver'>;
@@ -38,6 +41,7 @@ export type SpringKeyboardAnimationConfig = {
     config?: Omit<Partial<Animated.SpringAnimationConfig>, 'toValue' | 'useNativeDriver'>;
 };
 export type TabBarVisibilityAnimationConfig = TimingKeyboardAnimationConfig | SpringKeyboardAnimationConfig;
+export type TabAnimationName = 'none' | 'fade' | 'shift';
 export type BottomTabNavigationOptions = HeaderOptions & {
     /**
      * Title text for the screen.
@@ -154,6 +158,10 @@ export type BottomTabNavigationOptions = HeaderOptions & {
      * You'd also need to use `useBottomTabBarHeight()` to add a bottom padding to your content.
      */
     tabBarBackground?: () => React.ReactNode;
+    /**
+     * Position of the tab bar on the screen. Defaults to `bottom`.
+     */
+    tabBarPosition?: 'bottom' | 'left' | 'right' | 'top';
     /**
      * Whether this screens should render the first time it's accessed. Defaults to `true`.
      * Set it to `false` if you want to render the screen on initial render.
@@ -181,9 +189,68 @@ export type BottomTabNavigationOptions = HeaderOptions & {
      * Only supported on iOS and Android.
      */
     freezeOnBlur?: boolean;
+    /**
+     * How the screen should animate when switching tabs.
+     *
+     * Supported values:
+     * - 'none': don't animate the screen (default)
+     * - 'fade': cross-fade the screens.
+     * - 'shift': shift the screens slightly shift to left/right.
+     */
+    animation?: TabAnimationName;
+    /**
+     * Function which specifies interpolated styles for bottom-tab scenes.
+     */
+    sceneStyleInterpolator?: BottomTabSceneStyleInterpolator;
+    /**
+     * Object which specifies the animation type (timing or spring) and their options (such as duration for timing).
+     */
+    transitionSpec?: TransitionSpec;
 };
 export type BottomTabDescriptor = Descriptor<BottomTabNavigationOptions, BottomTabNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
 export type BottomTabDescriptorMap = Record<string, BottomTabDescriptor>;
+export type BottomTabSceneInterpolationProps = {
+    /**
+     * Values for the current screen.
+     */
+    current: {
+        /**
+         * Animated value for the current screen:
+         * - -1 if the index is lower than active tab,
+         * - 0 if they're active,
+         * - 1 if the index is higher than active tab
+         */
+        progress: Animated.Value;
+    };
+};
+export type BottomTabSceneInterpolatedStyle = {
+    /**
+     * Interpolated style for the view representing the scene containing screen content.
+     */
+    sceneStyle: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+};
+export type BottomTabSceneStyleInterpolator = (props: BottomTabSceneInterpolationProps) => BottomTabSceneInterpolatedStyle;
+export type TransitionSpec = {
+    animation: 'timing';
+    config: Omit<Animated.TimingAnimationConfig, 'toValue' | keyof Animated.AnimationConfig>;
+} | {
+    animation: 'spring';
+    config: Omit<Animated.SpringAnimationConfig, 'toValue' | keyof Animated.AnimationConfig>;
+};
+export type BottomTabTransitionPreset = {
+    /**
+     * Whether transition animations should be enabled when switching tabs.
+     */
+    animationEnabled?: boolean;
+    /**
+     * Function which specifies interpolated styles for bottom-tab scenes.
+     */
+    sceneStyleInterpolator?: BottomTabSceneStyleInterpolator;
+    /**
+     * Object which specifies the animation type (timing or spring) and their options (such as duration for timing).
+     */
+    transitionSpec?: TransitionSpec;
+};
 export type BottomTabNavigationConfig = {
     /**
      * Function that returns a React element to display as the tab bar.
@@ -234,7 +301,7 @@ export type BottomTabBarProps = {
     navigation: NavigationHelpers<ParamListBase, BottomTabNavigationEventMap>;
     insets: EdgeInsets;
 };
-export type BottomTabBarButtonProps = Omit<TouchableWithoutFeedbackProps, 'onPress'> & {
+export type BottomTabBarButtonProps = Omit<React.ComponentProps<typeof PlatformPressable>, 'onPress'> & {
     href?: string;
     children: React.ReactNode;
     onPress?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent) => void;