react-navigation-reanimated-top-tabs 0.9.1 → 0.9.3

package/lib/commonjs/components/ReanimatedTopTab/AnimationHelper.js

@@ -11,7 +11,7 @@ const onChange = (event, animationValue, width, navigationState) => {
   if (animationValue > 0) {
     return 0;
   }
-  const routesLength = navigationState.size - 1;
+  const routesLength = navigationState.routes.length - 1;
   if (animationValue < -width * routesLength) {
     return -width * routesLength;
   }
@@ -20,7 +20,7 @@ const onChange = (event, animationValue, width, navigationState) => {
 const getIndex = (navigationState, type) => {
   'worklet';
 
-  const max = navigationState.size - 1;
+  const max = navigationState.routes.length - 1;
   const current = navigationState.index;
   if (type === 'increment' && current < max) {
     return current + 1;
@@ -56,11 +56,13 @@ const onEnd = (event, minimumValueToChangeView, width, navigationState) => {
     value: -width * navigationState.index
   };
 };
-const animation = (newValue, duration = 200) => {
+const animation = (newValue, onFinished) => {
   'worklet';
 
   return (0, _reactNativeReanimated.withTiming)(newValue, {
-    duration
+    duration: 350
+  }, finished => {
+    if (finished && onFinished) (0, _reactNativeReanimated.runOnJS)(onFinished)();
   });
 };
 const AnimationHelper = exports.AnimationHelper = {

package/lib/commonjs/components/ReanimatedTopTab/AnimationHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeReanimated","require","onChange","event","animationValue","width","navigationState","routesLength","size","changeX","getIndex","type","max","current","index","onEnd","minimumValueToChangeView","velocityX","translationX","newIndex","value","animation","newValue","duration","withTiming","AnimationHelper","exports"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/AnimationHelper.ts"],"mappings":";;;;;;AAMA,IAAAA,sBAAA,GAAAC,OAAA;AAIA,MAAMC,QAAQ,GAAGA,CACfC,KAEC,EACDC,cAAsB,EACtBC,KAAa,EACbC,eAAgC,KAC7B;EACH,SAAS;;EACT,IAAIF,cAAc,GAAG,CAAC,EAAE;IACtB,OAAO,CAAC;EACV;EACA,MAAMG,YAAY,GAAGD,eAAe,CAACE,IAAI,GAAG,CAAC;EAC7C,IAAIJ,cAAc,GAAG,CAACC,KAAK,GAAGE,YAAY,EAAE;IAC1C,OAAO,CAACF,KAAK,GAAGE,YAAY;EAC9B;EACA,OAAOH,cAAc,GAAGD,KAAK,CAACM,OAAO;AACvC,CAAC;AAED,MAAMC,QAAQ,GAAGA,CACfJ,eAAgC,EAChCK,IAA+B,KAC5B;EACH,SAAS;;EACT,MAAMC,GAAG,GAAGN,eAAe,CAACE,IAAI,GAAG,CAAC;EACpC,MAAMK,OAAO,GAAGP,eAAe,CAACQ,KAAK;EAErC,IAAIH,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAGD,GAAG,EAAE;IACzC,OAAOC,OAAO,GAAG,CAAC;EACpB;EAEA,IAAIF,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAG,CAAC,EAAE;IACvC,OAAOA,OAAO,GAAG,CAAC;EACpB;EAEA,OAAOA,OAAO;AAChB,CAAC;AAED,MAAME,KAAK,GAAGA,CACZZ,KAA6D,EAC7Da,wBAAgC,EAChCX,KAAa,EACbC,eAAgC,KAC7B;EACH,SAAS;;EACT,MAAM;IAAEW,SAAS;IAAEC;EAAa,CAAC,GAAGf,KAAK;EAEzC,IAAIc,SAAS,GAAG,CAAC,GAAG,IAAIC,YAAY,GAAG,CAACF,wBAAwB,EAAE;IAChE,MAAMG,QAAQ,GAAGT,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLQ,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAACf,KAAK,GAAGc;IAClB,CAAC;EACH;EACA,IAAIF,SAAS,GAAG,GAAG,IAAIC,YAAY,GAAGF,wBAAwB,EAAE;IAC9D,MAAMG,QAAQ,GAAGT,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLQ,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAACf,KAAK,GAAGc;IAClB,CAAC;EACH;EACA,OAAO;IACLL,KAAK,EAAER,eAAe,CAACQ,KAAK;IAC5BM,KAAK,EAAE,CAACf,KAAK,GAAGC,eAAe,CAACQ;EAClC,CAAC;AACH,CAAC;AAED,MAAMO,SAAS,GAAGA,CAACC,QAAgB,EAAEC,QAAQ,GAAG,GAAG,KAAK;EACtD,SAAS;;EACT,OAAO,IAAAC,iCAAU,EAACF,QAAQ,EAAE;IAAEC;EAAS,CAAC,CAAC;AAC3C,CAAC;AAEM,MAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BJ,SAAS;EACTnB,QAAQ;EACRa;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNativeReanimated","require","onChange","event","animationValue","width","navigationState","routesLength","routes","length","changeX","getIndex","type","max","current","index","onEnd","minimumValueToChangeView","velocityX","translationX","newIndex","value","animation","newValue","onFinished","withTiming","duration","finished","runOnJS","AnimationHelper","exports"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/AnimationHelper.ts"],"mappings":";;;;;;AAMA,IAAAA,sBAAA,GAAAC,OAAA;AAGA,MAAMC,QAAQ,GAAGA,CACfC,KAEC,EACDC,cAAsB,EACtBC,KAAa,EACbC,eAAuD,KACpD;EACH,SAAS;;EACT,IAAIF,cAAc,GAAG,CAAC,EAAE;IACtB,OAAO,CAAC;EACV;EACA,MAAMG,YAAY,GAAGD,eAAe,CAACE,MAAM,CAACC,MAAM,GAAG,CAAC;EACtD,IAAIL,cAAc,GAAG,CAACC,KAAK,GAAGE,YAAY,EAAE;IAC1C,OAAO,CAACF,KAAK,GAAGE,YAAY;EAC9B;EACA,OAAOH,cAAc,GAAGD,KAAK,CAACO,OAAO;AACvC,CAAC;AAED,MAAMC,QAAQ,GAAGA,CACfL,eAAuD,EACvDM,IAA+B,KAC5B;EACH,SAAS;;EACT,MAAMC,GAAG,GAAGP,eAAe,CAACE,MAAM,CAACC,MAAM,GAAG,CAAC;EAC7C,MAAMK,OAAO,GAAGR,eAAe,CAACS,KAAK;EAErC,IAAIH,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAGD,GAAG,EAAE;IACzC,OAAOC,OAAO,GAAG,CAAC;EACpB;EAEA,IAAIF,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAG,CAAC,EAAE;IACvC,OAAOA,OAAO,GAAG,CAAC;EACpB;EAEA,OAAOA,OAAO;AAChB,CAAC;AAED,MAAME,KAAK,GAAGA,CACZb,KAA6D,EAC7Dc,wBAAgC,EAChCZ,KAAa,EACbC,eAAuD,KACpD;EACH,SAAS;;EACT,MAAM;IAAEY,SAAS;IAAEC;EAAa,CAAC,GAAGhB,KAAK;EAEzC,IAAIe,SAAS,GAAG,CAAC,GAAG,IAAIC,YAAY,GAAG,CAACF,wBAAwB,EAAE;IAChE,MAAMG,QAAQ,GAAGT,QAAQ,CAACL,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLS,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAAChB,KAAK,GAAGe;IAClB,CAAC;EACH;EACA,IAAIF,SAAS,GAAG,GAAG,IAAIC,YAAY,GAAGF,wBAAwB,EAAE;IAC9D,MAAMG,QAAQ,GAAGT,QAAQ,CAACL,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLS,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAAChB,KAAK,GAAGe;IAClB,CAAC;EACH;EACA,OAAO;IACLL,KAAK,EAAET,eAAe,CAACS,KAAK;IAC5BM,KAAK,EAAE,CAAChB,KAAK,GAAGC,eAAe,CAACS;EAClC,CAAC;AACH,CAAC;AAED,MAAMO,SAAS,GAAGA,CAACC,QAAgB,EAAEC,UAAuB,KAAK;EAC/D,SAAS;;EACT,OAAO,IAAAC,iCAAU,EAACF,QAAQ,EAAE;IAAEG,QAAQ,EAAE;EAAI,CAAC,EAAGC,QAAQ,IAAK;IAC3D,IAAIA,QAAQ,IAAIH,UAAU,EAAE,IAAAI,8BAAO,EAACJ,UAAU,CAAC,CAAC,CAAC;EACnD,CAAC,CAAC;AACJ,CAAC;AAEM,MAAMK,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BP,SAAS;EACTpB,QAAQ;EACRc;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js

@@ -27,52 +27,36 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
     width
   } = (0, _reactNative.useWindowDimensions)();
   const loadedScreens = (0, _react.useRef)([navigationState.routes[navigationState.index]]);
+  const navigationStateRef = (0, _reactNativeReanimated.useSharedValue)(navigationState);
   const scrollPosition = (0, _reactNativeReanimated.useSharedValue)(navigationState.index);
   const {
     positionX
   } = (0, _useTabContext.useTabContext)();
+  (0, _react.useEffect)(() => {
+    navigationStateRef.value = navigationState;
+  }, [navigationState]);
   (0, _reactNativeReanimated.useAnimatedReaction)(() => scrollPosition.value, value => {
-    positionX.value = (0, _reactNativeReanimated.interpolate)(value, navigationState.routes.map((_, i) => i * -width), navigationState.routes.map((_, i) => i), 'clamp');
+    positionX.value = (0, _reactNativeReanimated.interpolate)(value, navigationState.routes.map((_, i) => i * -width).reverse(), navigationState.routes.map((_, i) => i).reverse(), 'clamp');
   });
   const _navigate = index => {
-    scrollPosition.value = _AnimationHelper.AnimationHelper.animation(-index * width);
-    navigate(index);
+    scrollPosition.value = _AnimationHelper.AnimationHelper.animation(-index * width, () => navigate(index));
   };
   const minimumValueToChangeView = (0, _react.useMemo)(() => width * percentageTrigger, [percentageTrigger, width]);
-  const _navigationState = (0, _reactNativeReanimated.useSharedValue)({
-    size: 0,
-    index: 0
-  });
-  (0, _react.useEffect)(() => {
-    (0, _reactNativeReanimated.runOnUI)(() => {
-      _navigationState.value.size = navigationState.routes.length;
-      _navigationState.value.index = navigationState.index;
-    })();
-  }, [navigationState]);
   const panGesture = _react.default.useMemo(() => _reactNativeGestureHandler.Gesture.Pan().failOffsetY([-10, 10]).activeOffsetX([-20, 20]).onChange(event => {
     'worklet';
 
-    scrollPosition.value = _AnimationHelper.AnimationHelper.onChange(event, scrollPosition.value, width, _navigationState.value);
+    scrollPosition.value = _AnimationHelper.AnimationHelper.onChange(event, scrollPosition.value, width, navigationStateRef.value);
   }).onEnd(event => {
     'worklet';
 
-    const state = _AnimationHelper.AnimationHelper.onEnd(event, minimumValueToChangeView, width, _navigationState.value);
-    scrollPosition.value = _AnimationHelper.AnimationHelper.animation(state.value);
-    _navigationState.value.index = state.index;
-    (0, _reactNativeReanimated.runOnJS)(navigate)(state.index);
+    const state = _AnimationHelper.AnimationHelper.onEnd(event, minimumValueToChangeView, width, navigationStateRef.value);
+    (0, _reactNativeReanimated.runOnJS)(_navigate)(state.index);
   }), [minimumValueToChangeView, width]);
   const scrollPositionStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     transform: [{
       translateX: (0, _reactNativeReanimated.interpolate)(scrollPosition.value, [-width * (navigationState.routes.length - 1), 0], [-width * (navigationState.routes.length - 1), 0], 'clamp')
     }]
   }));
-  const jumpTo = _react.default.useCallback(key => {
-    const newIndex = navigationState.routes.findIndex(route => route.key === key);
-    if (newIndex === -1) {
-      return;
-    }
-    scrollPosition.value = _AnimationHelper.AnimationHelper.animation(-newIndex * width);
-  }, [navigationState.routes, width]);
   const chooseRender = (0, _react.useCallback)((params, useRenderScene = true) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: {
       width
@@ -82,29 +66,25 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
   const Routes = (0, _react.useMemo)(() => navigationState.routes.map((route, index) => {
     if (!lazy) {
       return chooseRender({
-        jumpTo,
         route
       });
     }
     const screen = loadedScreens.current.find(loadedScreen => loadedScreen?.key === route.key);
     if (screen !== undefined) {
       return chooseRender({
-        jumpTo,
         route
       });
     }
     if (navigationState.index === index) {
       loadedScreens.current.push(route);
       return chooseRender({
-        jumpTo,
         route
       });
     }
     return chooseRender({
-      jumpTo,
       route
     }, false);
-  }), [navigationState.routes, navigationState.index, lazy, chooseRender, jumpTo]);
+  }), [navigationState.routes, navigationState.index, lazy, chooseRender]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
     style: defaultStyles.flex,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {

package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_useTabContext","_AnimationHelper","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReanimatedTabView","exports","React","memo","LazyPlaceholder","lazy","navigationState","percentageTrigger","renderScene","renderTabBar","navigate","screenOptions","width","useWindowDimensions","loadedScreens","useRef","routes","index","scrollPosition","useSharedValue","positionX","useTabContext","useAnimatedReaction","value","interpolate","map","_","_navigate","AnimationHelper","animation","minimumValueToChangeView","useMemo","_navigationState","size","useEffect","runOnUI","length","panGesture","Gesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","runOnJS","scrollPositionStyle","useAnimatedStyle","transform","translateX","jumpTo","useCallback","key","newIndex","findIndex","route","chooseRender","params","useRenderScene","jsx","View","style","children","Routes","screen","current","find","loadedScreen","undefined","push","GestureHandlerRootView","defaultStyles","flex","jsxs","layout","LinearTransition","GestureDetector","gesture","viewsContainer","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/ReanimatedTabView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_useTabContext","_AnimationHelper","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReanimatedTabView","exports","React","memo","LazyPlaceholder","lazy","navigationState","percentageTrigger","renderScene","renderTabBar","navigate","screenOptions","width","useWindowDimensions","loadedScreens","useRef","routes","index","navigationStateRef","useSharedValue","scrollPosition","positionX","useTabContext","useEffect","value","useAnimatedReaction","interpolate","map","_","reverse","_navigate","AnimationHelper","animation","minimumValueToChangeView","useMemo","panGesture","Gesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","runOnJS","scrollPositionStyle","useAnimatedStyle","transform","translateX","length","chooseRender","useCallback","params","useRenderScene","jsx","View","style","children","route","key","Routes","screen","current","find","loadedScreen","undefined","push","GestureHandlerRootView","defaultStyles","flex","jsxs","layout","LinearTransition","GestureDetector","gesture","viewsContainer","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/ReanimatedTabView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/elements/TabBarBaseItem.js

@@ -7,6 +7,7 @@ exports.TabBarBaseItem = void 0;
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _useTabContext = require("../../hooks/useTabContext");
+var _TabBarLabelBaseComponent = require("./TabBarLabelBaseComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -32,13 +33,15 @@ const TabBarBaseItem = ({
     style: [styles.container, style],
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       style: activeStyle,
-      children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        children: route.title
+      children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBarLabelBaseComponent.TabBarLabelBaseComponent, {
+        title: route.title ?? '',
+        focused: true
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       style: inactiveStyle,
-      children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        children: route.title
+      children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBarLabelBaseComponent.TabBarLabelBaseComponent, {
+        title: route.title ?? '',
+        focused: false
       })
     })]
   });

package/lib/commonjs/components/elements/TabBarBaseItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_useTabContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarBaseItem","index","inputRange","onPress","route","style","positionX","useTabContext","activeStyle","useAnimatedStyle","opacity","interpolate","value","map","position","inactiveStyle","jsxs","Pressable","styles","container","children","jsx","View","tabBarLabel","Text","title","exports","StyleSheet","create","alignItems","flex","justifyContent","minHeight"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_useTabContext","_TabBarLabelBaseComponent","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarBaseItem","index","inputRange","onPress","route","style","positionX","useTabContext","activeStyle","useAnimatedStyle","opacity","interpolate","value","map","position","inactiveStyle","jsxs","Pressable","styles","container","children","jsx","View","tabBarLabel","TabBarLabelBaseComponent","title","focused","exports","StyleSheet","create","alignItems","flex","justifyContent","minHeight"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js

@@ -5,28 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TabBarLabelBaseComponent = void 0;
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _useTabOffset = require("../../hooks/useTabOffset");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TabBarLabelBaseComponent = ({
-  index,
-  ...props
+  title,
+  focused
 }) => {
-  const positionX = (0, _useTabOffset.useTabOffset)();
-  const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    backgroundColor: (0, _reactNativeReanimated.interpolateColor)(positionX.value, [index - 1, index, index + 1], ['transparent', 'blue', 'transparent'])
-  }), []);
-  const textStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    color: (0, _reactNativeReanimated.interpolateColor)(positionX.value, [index - 1, index, index + 1], ['black', 'white', 'black'])
-  }), []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-    style: [style, styles.wrapper],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
-      style: [textStyle, styles.text],
-      children: props.title
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+    style: [styles.text, {
+      color: focused ? 'red' : 'black'
+    }],
+    children: title
   });
 };
 exports.TabBarLabelBaseComponent = TabBarLabelBaseComponent;
@@ -34,13 +24,6 @@ const styles = _reactNative.StyleSheet.create({
   text: {
     fontWeight: 'bold',
     textTransform: 'uppercase'
-  },
-  wrapper: {
-    borderRadius: 10,
-    height: 35,
-    justifyContent: 'center',
-    paddingHorizontal: 16,
-    paddingVertical: 8
   }
 });
 //# sourceMappingURL=TabBarLabelBaseComponent.js.map

package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_useTabOffset","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarLabelBaseComponent","index","props","positionX","useTabOffset","style","useAnimatedStyle","backgroundColor","interpolateColor","value","textStyle","color","jsx","View","styles","wrapper","children","Text","text","title","exports","StyleSheet","create","fontWeight","textTransform","borderRadius","height","justifyContent","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarLabelBaseComponent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_jsxRuntime","e","__esModule","default","TabBarLabelBaseComponent","title","focused","jsx","Text","style","styles","text","color","children","exports","StyleSheet","create","fontWeight","textTransform"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarLabelBaseComponent.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAiD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO1C,MAAMG,wBAAwB,GAAGA,CAAC;EACvCC,KAAK;EACLC;AACgB,CAAC,KAAK;EACtB,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACT,sBAAA,CAAAK,OAAU,CAACK,IAAI;IACdC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,KAAK,EAAEN,OAAO,GAAG,KAAK,GAAG;IAAQ,CAAC,CAAE;IAAAO,QAAA,EAE1DR;EAAK,CACS,CAAC;AAEtB,CAAC;AAACS,OAAA,CAAAV,wBAAA,GAAAA,wBAAA;AAEF,MAAMM,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -10,19 +10,18 @@ Object.defineProperty(exports, "createReanimatedTopTabNavigator", {
     return _createReanimatedTopTabNavigator.createReanimatedTopTabNavigator;
   }
 });
+var _react = require("react");
+var _TabBarBaseComponent = require("./components/elements/TabBarBaseComponent");
+var _ScreenWrapper = require("./components/wrappers/ScreenWrapper");
 var _ScrollView = require("./components/wrappers/ScrollView");
 var _SectionList = require("./components/wrappers/SectionList");
-var _ScreenWrapper = require("./components/wrappers/ScreenWrapper");
-var _TabBarBaseComponent = require("./components/elements/TabBarBaseComponent");
-var _TabBarLabelBaseComponent = require("./components/elements/TabBarLabelBaseComponent");
-var _react = require("react");
-var _Warning = require("./services/Warning.service");
-var _useTabContext2 = require("./hooks/useTabContext");
-var _useTabOffset = require("./hooks/useTabOffset");
+var _useHeader = require("./hooks/useHeader");
 var _useScreenGesture = require("./hooks/useScreenGesture");
-var _useScreenScrollable = require("./hooks/useScreenScrollable");
 var _useScreenProperties = require("./hooks/useScreenProperties");
-var _useHeader = require("./hooks/useHeader");
+var _useScreenScrollable = require("./hooks/useScreenScrollable");
+var _useTabContext2 = require("./hooks/useTabContext");
+var _useTabOffset = require("./hooks/useTabOffset");
+var _Warning = require("./services/Warning.service");
 var _createReanimatedTopTabNavigator = require("./navigator/createReanimatedTopTabNavigator");
 const _useTabContext = () => {
   (0, _react.useEffect)(() => {
@@ -42,7 +41,6 @@ const Tab = exports.Tab = {
   ScrollView: _ScrollView.ScrollView,
   SectionList: _SectionList.SectionList,
   ScreenWrapper: _ScreenWrapper.ScreenWrapper,
-  TabBarBaseComponent: _TabBarBaseComponent.TabBarBaseComponent,
-  TabBarLabelBaseComponent: _TabBarLabelBaseComponent.TabBarLabelBaseComponent
+  TabBarBaseComponent: _TabBarBaseComponent.TabBarBaseComponent
 };
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ScrollView","require","_SectionList","_ScreenWrapper","_TabBarBaseComponent","_TabBarLabelBaseComponent","_react","_Warning","_useTabContext2","_useTabOffset","_useScreenGesture","_useScreenScrollable","_useScreenProperties","_useHeader","_createReanimatedTopTabNavigator","_useTabContext","useEffect","WarningService","warn","useTabContext","TabHooks","exports","useHeader","useScreenProperties","useScreenScrollable","useScreenGesture","useTabOffset","Tab","ScrollView","SectionList","ScreenWrapper","TabBarBaseComponent","TabBarLabelBaseComponent"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,oBAAA,GAAAV,OAAA;AACA,IAAAW,oBAAA,GAAAX,OAAA;AACA,IAAAY,UAAA,GAAAZ,OAAA;AAGA,IAAAa,gCAAA,GAAAb,OAAA;AAEA,MAAMc,cAAc,GAAGA,CAAA,KAAM;EAC3B,IAAAC,gBAAS,EAAC,MAAM;IACdC,uBAAc,CAACC,IAAI,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAC,6BAAa,EAAC,CAAC;AACxB,CAAC;AAEM,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,SAAS,EAATA,oBAAS;EACTC,mBAAmB,EAAnBA,wCAAmB;EACnBC,mBAAmB,EAAnBA,wCAAmB;EACnBC,gBAAgB,EAAhBA,kCAAgB;EAChBN,aAAa,EAAEJ,cAAc;EAC7BW,YAAY,EAAZA;AACF,CAAC;AAEM,MAAMC,GAAG,GAAAN,OAAA,CAAAM,GAAA,GAAG;EACjBC,UAAU,EAAVA,sBAAU;EACVC,WAAW,EAAXA,wBAAW;EACXC,aAAa,EAAbA,4BAAa;EACbC,mBAAmB,EAAnBA,wCAAmB;EACnBC,wBAAwB,EAAxBA;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_TabBarBaseComponent","_ScreenWrapper","_ScrollView","_SectionList","_useHeader","_useScreenGesture","_useScreenProperties","_useScreenScrollable","_useTabContext2","_useTabOffset","_Warning","_createReanimatedTopTabNavigator","_useTabContext","useEffect","WarningService","warn","useTabContext","TabHooks","exports","useHeader","useScreenProperties","useScreenScrollable","useScreenGesture","useTabOffset","Tab","ScrollView","SectionList","ScreenWrapper","TabBarBaseComponent"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AAEA,IAAAY,gCAAA,GAAAZ,OAAA;AAGA,MAAMa,cAAc,GAAGA,CAAA,KAAM;EAC3B,IAAAC,gBAAS,EAAC,MAAM;IACdC,uBAAc,CAACC,IAAI,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAC,6BAAa,EAAC,CAAC;AACxB,CAAC;AAEM,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,SAAS,EAATA,oBAAS;EACTC,mBAAmB,EAAnBA,wCAAmB;EACnBC,mBAAmB,EAAnBA,wCAAmB;EACnBC,gBAAgB,EAAhBA,kCAAgB;EAChBN,aAAa,EAAEJ,cAAc;EAC7BW,YAAY,EAAZA;AACF,CAAC;AAEM,MAAMC,GAAG,GAAAN,OAAA,CAAAM,GAAA,GAAG;EACjBC,UAAU,EAAVA,sBAAU;EACVC,WAAW,EAAXA,wBAAW;EACXC,aAAa,EAAbA,4BAAa;EACbC,mBAAmB,EAAnBA;AACF,CAAC","ignoreList":[]}

package/lib/module/components/ReanimatedTopTab/AnimationHelper.js

@@ -1,13 +1,13 @@
 "use strict";
 
-import { withTiming } from 'react-native-reanimated';
+import { runOnJS, withTiming } from 'react-native-reanimated';
 const onChange = (event, animationValue, width, navigationState) => {
   'worklet';
 
   if (animationValue > 0) {
     return 0;
   }
-  const routesLength = navigationState.size - 1;
+  const routesLength = navigationState.routes.length - 1;
   if (animationValue < -width * routesLength) {
     return -width * routesLength;
   }
@@ -16,7 +16,7 @@ const onChange = (event, animationValue, width, navigationState) => {
 const getIndex = (navigationState, type) => {
   'worklet';
 
-  const max = navigationState.size - 1;
+  const max = navigationState.routes.length - 1;
   const current = navigationState.index;
   if (type === 'increment' && current < max) {
     return current + 1;
@@ -52,11 +52,13 @@ const onEnd = (event, minimumValueToChangeView, width, navigationState) => {
     value: -width * navigationState.index
   };
 };
-const animation = (newValue, duration = 200) => {
+const animation = (newValue, onFinished) => {
   'worklet';
 
   return withTiming(newValue, {
-    duration
+    duration: 350
+  }, finished => {
+    if (finished && onFinished) runOnJS(onFinished)();
   });
 };
 export const AnimationHelper = {

package/lib/module/components/ReanimatedTopTab/AnimationHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["withTiming","onChange","event","animationValue","width","navigationState","routesLength","size","changeX","getIndex","type","max","current","index","onEnd","minimumValueToChangeView","velocityX","translationX","newIndex","value","animation","newValue","duration","AnimationHelper"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/AnimationHelper.ts"],"mappings":";;AAMA,SAASA,UAAU,QAAQ,yBAAyB;AAIpD,MAAMC,QAAQ,GAAGA,CACfC,KAEC,EACDC,cAAsB,EACtBC,KAAa,EACbC,eAAgC,KAC7B;EACH,SAAS;;EACT,IAAIF,cAAc,GAAG,CAAC,EAAE;IACtB,OAAO,CAAC;EACV;EACA,MAAMG,YAAY,GAAGD,eAAe,CAACE,IAAI,GAAG,CAAC;EAC7C,IAAIJ,cAAc,GAAG,CAACC,KAAK,GAAGE,YAAY,EAAE;IAC1C,OAAO,CAACF,KAAK,GAAGE,YAAY;EAC9B;EACA,OAAOH,cAAc,GAAGD,KAAK,CAACM,OAAO;AACvC,CAAC;AAED,MAAMC,QAAQ,GAAGA,CACfJ,eAAgC,EAChCK,IAA+B,KAC5B;EACH,SAAS;;EACT,MAAMC,GAAG,GAAGN,eAAe,CAACE,IAAI,GAAG,CAAC;EACpC,MAAMK,OAAO,GAAGP,eAAe,CAACQ,KAAK;EAErC,IAAIH,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAGD,GAAG,EAAE;IACzC,OAAOC,OAAO,GAAG,CAAC;EACpB;EAEA,IAAIF,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAG,CAAC,EAAE;IACvC,OAAOA,OAAO,GAAG,CAAC;EACpB;EAEA,OAAOA,OAAO;AAChB,CAAC;AAED,MAAME,KAAK,GAAGA,CACZZ,KAA6D,EAC7Da,wBAAgC,EAChCX,KAAa,EACbC,eAAgC,KAC7B;EACH,SAAS;;EACT,MAAM;IAAEW,SAAS;IAAEC;EAAa,CAAC,GAAGf,KAAK;EAEzC,IAAIc,SAAS,GAAG,CAAC,GAAG,IAAIC,YAAY,GAAG,CAACF,wBAAwB,EAAE;IAChE,MAAMG,QAAQ,GAAGT,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLQ,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAACf,KAAK,GAAGc;IAClB,CAAC;EACH;EACA,IAAIF,SAAS,GAAG,GAAG,IAAIC,YAAY,GAAGF,wBAAwB,EAAE;IAC9D,MAAMG,QAAQ,GAAGT,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLQ,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAACf,KAAK,GAAGc;IAClB,CAAC;EACH;EACA,OAAO;IACLL,KAAK,EAAER,eAAe,CAACQ,KAAK;IAC5BM,KAAK,EAAE,CAACf,KAAK,GAAGC,eAAe,CAACQ;EAClC,CAAC;AACH,CAAC;AAED,MAAMO,SAAS,GAAGA,CAACC,QAAgB,EAAEC,QAAQ,GAAG,GAAG,KAAK;EACtD,SAAS;;EACT,OAAOtB,UAAU,CAACqB,QAAQ,EAAE;IAAEC;EAAS,CAAC,CAAC;AAC3C,CAAC;AAED,OAAO,MAAMC,eAAe,GAAG;EAC7BH,SAAS;EACTnB,QAAQ;EACRa;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["runOnJS","withTiming","onChange","event","animationValue","width","navigationState","routesLength","routes","length","changeX","getIndex","type","max","current","index","onEnd","minimumValueToChangeView","velocityX","translationX","newIndex","value","animation","newValue","onFinished","duration","finished","AnimationHelper"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/AnimationHelper.ts"],"mappings":";;AAMA,SAASA,OAAO,EAAEC,UAAU,QAAQ,yBAAyB;AAG7D,MAAMC,QAAQ,GAAGA,CACfC,KAEC,EACDC,cAAsB,EACtBC,KAAa,EACbC,eAAuD,KACpD;EACH,SAAS;;EACT,IAAIF,cAAc,GAAG,CAAC,EAAE;IACtB,OAAO,CAAC;EACV;EACA,MAAMG,YAAY,GAAGD,eAAe,CAACE,MAAM,CAACC,MAAM,GAAG,CAAC;EACtD,IAAIL,cAAc,GAAG,CAACC,KAAK,GAAGE,YAAY,EAAE;IAC1C,OAAO,CAACF,KAAK,GAAGE,YAAY;EAC9B;EACA,OAAOH,cAAc,GAAGD,KAAK,CAACO,OAAO;AACvC,CAAC;AAED,MAAMC,QAAQ,GAAGA,CACfL,eAAuD,EACvDM,IAA+B,KAC5B;EACH,SAAS;;EACT,MAAMC,GAAG,GAAGP,eAAe,CAACE,MAAM,CAACC,MAAM,GAAG,CAAC;EAC7C,MAAMK,OAAO,GAAGR,eAAe,CAACS,KAAK;EAErC,IAAIH,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAGD,GAAG,EAAE;IACzC,OAAOC,OAAO,GAAG,CAAC;EACpB;EAEA,IAAIF,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAG,CAAC,EAAE;IACvC,OAAOA,OAAO,GAAG,CAAC;EACpB;EAEA,OAAOA,OAAO;AAChB,CAAC;AAED,MAAME,KAAK,GAAGA,CACZb,KAA6D,EAC7Dc,wBAAgC,EAChCZ,KAAa,EACbC,eAAuD,KACpD;EACH,SAAS;;EACT,MAAM;IAAEY,SAAS;IAAEC;EAAa,CAAC,GAAGhB,KAAK;EAEzC,IAAIe,SAAS,GAAG,CAAC,GAAG,IAAIC,YAAY,GAAG,CAACF,wBAAwB,EAAE;IAChE,MAAMG,QAAQ,GAAGT,QAAQ,CAACL,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLS,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAAChB,KAAK,GAAGe;IAClB,CAAC;EACH;EACA,IAAIF,SAAS,GAAG,GAAG,IAAIC,YAAY,GAAGF,wBAAwB,EAAE;IAC9D,MAAMG,QAAQ,GAAGT,QAAQ,CAACL,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLS,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAAChB,KAAK,GAAGe;IAClB,CAAC;EACH;EACA,OAAO;IACLL,KAAK,EAAET,eAAe,CAACS,KAAK;IAC5BM,KAAK,EAAE,CAAChB,KAAK,GAAGC,eAAe,CAACS;EAClC,CAAC;AACH,CAAC;AAED,MAAMO,SAAS,GAAGA,CAACC,QAAgB,EAAEC,UAAuB,KAAK;EAC/D,SAAS;;EACT,OAAOvB,UAAU,CAACsB,QAAQ,EAAE;IAAEE,QAAQ,EAAE;EAAI,CAAC,EAAGC,QAAQ,IAAK;IAC3D,IAAIA,QAAQ,IAAIF,UAAU,EAAExB,OAAO,CAACwB,UAAU,CAAC,CAAC,CAAC;EACnD,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,MAAMG,eAAe,GAAG;EAC7BL,SAAS;EACTpB,QAAQ;EACRc;AACF,CAAC","ignoreList":[]}

package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js

@@ -3,7 +3,7 @@
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { StyleSheet, useWindowDimensions, View } from 'react-native';
 import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
-import Reanimated, { interpolate, LinearTransition, runOnJS, runOnUI, useAnimatedReaction, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+import Reanimated, { interpolate, LinearTransition, runOnJS, useAnimatedReaction, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
 import { useTabContext } from '../../hooks/useTabContext';
 import { AnimationHelper } from './AnimationHelper';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -21,52 +21,36 @@ export const ReanimatedTabView = /*#__PURE__*/React.memo(({
     width
   } = useWindowDimensions();
   const loadedScreens = useRef([navigationState.routes[navigationState.index]]);
+  const navigationStateRef = useSharedValue(navigationState);
   const scrollPosition = useSharedValue(navigationState.index);
   const {
     positionX
   } = useTabContext();
+  useEffect(() => {
+    navigationStateRef.value = navigationState;
+  }, [navigationState]);
   useAnimatedReaction(() => scrollPosition.value, value => {
-    positionX.value = interpolate(value, navigationState.routes.map((_, i) => i * -width), navigationState.routes.map((_, i) => i), 'clamp');
+    positionX.value = interpolate(value, navigationState.routes.map((_, i) => i * -width).reverse(), navigationState.routes.map((_, i) => i).reverse(), 'clamp');
   });
   const _navigate = index => {
-    scrollPosition.value = AnimationHelper.animation(-index * width);
-    navigate(index);
+    scrollPosition.value = AnimationHelper.animation(-index * width, () => navigate(index));
   };
   const minimumValueToChangeView = useMemo(() => width * percentageTrigger, [percentageTrigger, width]);
-  const _navigationState = useSharedValue({
-    size: 0,
-    index: 0
-  });
-  useEffect(() => {
-    runOnUI(() => {
-      _navigationState.value.size = navigationState.routes.length;
-      _navigationState.value.index = navigationState.index;
-    })();
-  }, [navigationState]);
   const panGesture = React.useMemo(() => Gesture.Pan().failOffsetY([-10, 10]).activeOffsetX([-20, 20]).onChange(event => {
     'worklet';
 
-    scrollPosition.value = AnimationHelper.onChange(event, scrollPosition.value, width, _navigationState.value);
+    scrollPosition.value = AnimationHelper.onChange(event, scrollPosition.value, width, navigationStateRef.value);
   }).onEnd(event => {
     'worklet';
 
-    const state = AnimationHelper.onEnd(event, minimumValueToChangeView, width, _navigationState.value);
-    scrollPosition.value = AnimationHelper.animation(state.value);
-    _navigationState.value.index = state.index;
-    runOnJS(navigate)(state.index);
+    const state = AnimationHelper.onEnd(event, minimumValueToChangeView, width, navigationStateRef.value);
+    runOnJS(_navigate)(state.index);
   }), [minimumValueToChangeView, width]);
   const scrollPositionStyle = useAnimatedStyle(() => ({
     transform: [{
       translateX: interpolate(scrollPosition.value, [-width * (navigationState.routes.length - 1), 0], [-width * (navigationState.routes.length - 1), 0], 'clamp')
     }]
   }));
-  const jumpTo = React.useCallback(key => {
-    const newIndex = navigationState.routes.findIndex(route => route.key === key);
-    if (newIndex === -1) {
-      return;
-    }
-    scrollPosition.value = AnimationHelper.animation(-newIndex * width);
-  }, [navigationState.routes, width]);
   const chooseRender = useCallback((params, useRenderScene = true) => /*#__PURE__*/_jsx(View, {
     style: {
       width
@@ -76,29 +60,25 @@ export const ReanimatedTabView = /*#__PURE__*/React.memo(({
   const Routes = useMemo(() => navigationState.routes.map((route, index) => {
     if (!lazy) {
       return chooseRender({
-        jumpTo,
         route
       });
     }
     const screen = loadedScreens.current.find(loadedScreen => loadedScreen?.key === route.key);
     if (screen !== undefined) {
       return chooseRender({
-        jumpTo,
         route
       });
     }
     if (navigationState.index === index) {
       loadedScreens.current.push(route);
       return chooseRender({
-        jumpTo,
         route
       });
     }
     return chooseRender({
-      jumpTo,
       route
     }, false);
-  }), [navigationState.routes, navigationState.index, lazy, chooseRender, jumpTo]);
+  }), [navigationState.routes, navigationState.index, lazy, chooseRender]);
   return /*#__PURE__*/_jsx(GestureHandlerRootView, {
     style: defaultStyles.flex,
     children: /*#__PURE__*/_jsxs(Reanimated.View, {

package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","StyleSheet","useWindowDimensions","View","Gesture","GestureDetector","GestureHandlerRootView","Reanimated","interpolate","LinearTransition","runOnJS","runOnUI","useAnimatedReaction","useAnimatedStyle","useSharedValue","useTabContext","AnimationHelper","jsx","_jsx","jsxs","_jsxs","ReanimatedTabView","memo","LazyPlaceholder","lazy","navigationState","percentageTrigger","renderScene","renderTabBar","navigate","screenOptions","width","loadedScreens","routes","index","scrollPosition","positionX","value","map","_","i","_navigate","animation","minimumValueToChangeView","_navigationState","size","length","panGesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","scrollPositionStyle","transform","translateX","jumpTo","key","newIndex","findIndex","route","chooseRender","params","useRenderScene","style","children","Routes","screen","current","find","loadedScreen","undefined","push","defaultStyles","flex","layout","gesture","viewsContainer","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/ReanimatedTabView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","StyleSheet","useWindowDimensions","View","Gesture","GestureDetector","GestureHandlerRootView","Reanimated","interpolate","LinearTransition","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","useTabContext","AnimationHelper","jsx","_jsx","jsxs","_jsxs","ReanimatedTabView","memo","LazyPlaceholder","lazy","navigationState","percentageTrigger","renderScene","renderTabBar","navigate","screenOptions","width","loadedScreens","routes","index","navigationStateRef","scrollPosition","positionX","value","map","_","i","reverse","_navigate","animation","minimumValueToChangeView","panGesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","scrollPositionStyle","transform","translateX","length","chooseRender","params","useRenderScene","style","children","route","key","Routes","screen","current","find","loadedScreen","undefined","push","defaultStyles","flex","layout","gesture","viewsContainer","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/ReanimatedTabView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/elements/TabBarBaseItem.js

@@ -1,8 +1,9 @@
 "use strict";
 
-import { Pressable, StyleSheet, Text } from 'react-native';
+import { Pressable, StyleSheet } from 'react-native';
 import Animated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';
 import { useTabContext } from '../../hooks/useTabContext';
+import { TabBarLabelBaseComponent } from './TabBarLabelBaseComponent';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const TabBarBaseItem = ({
   index,
@@ -26,13 +27,15 @@ export const TabBarBaseItem = ({
     style: [styles.container, style],
     children: [/*#__PURE__*/_jsx(Animated.View, {
       style: activeStyle,
-      children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/_jsx(Text, {
-        children: route.title
+      children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/_jsx(TabBarLabelBaseComponent, {
+        title: route.title ?? '',
+        focused: true
       })
     }), /*#__PURE__*/_jsx(Animated.View, {
       style: inactiveStyle,
-      children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/_jsx(Text, {
-        children: route.title
+      children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/_jsx(TabBarLabelBaseComponent, {
+        title: route.title ?? '',
+        focused: false
       })
     })]
   });

package/lib/module/components/elements/TabBarBaseItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","Text","Animated","interpolate","useAnimatedStyle","useTabContext","jsx","_jsx","jsxs","_jsxs","TabBarBaseItem","index","inputRange","onPress","route","style","positionX","activeStyle","opacity","value","map","i","position","inactiveStyle","styles","container","children","View","tabBarLabel","title","create","alignItems","flex","justifyContent","minHeight"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseItem.tsx"],"mappings":";;AAAA,SACEA,SAAS,EACTC,UAAU,EACVC,IAAI,QAGC,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,QACX,yBAAyB;AAChC,SAASC,aAAa,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW1D,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPC,KAAK;EACLC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAU,CAAC,GAAGX,aAAa,CAAC,CAAC;EAErC,MAAMY,WAAW,GAAGb,gBAAgB,CAAC,OAAO;IAC1Cc,OAAO,EAAEf,WAAW,CAClBa,SAAS,CAACG,KAAK,EACfP,UAAU,EACVA,UAAU,CAACQ,GAAG,CAAEC,CAAC,IAAMA,CAAC,KAAKV,KAAK,GAAG,CAAC,GAAG,CAAE,CAC7C,CAAC;IACDW,QAAQ,EAAE;EACZ,CAAC,CAAC,CAAC;EAEH,MAAMC,aAAa,GAAGnB,gBAAgB,CAAC,OAAO;IAC5Cc,OAAO,EAAEf,WAAW,CAClBa,SAAS,CAACG,KAAK,EACfP,UAAU,EACVA,UAAU,CAACQ,GAAG,CAAEC,CAAC,IAAMA,CAAC,KAAKV,KAAK,GAAG,CAAC,GAAG,CAAE,CAC7C;EACF,CAAC,CAAC,CAAC;EAEH,oBACEF,KAAA,CAACV,SAAS;IAACc,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACF,KAAK,CAAE;IAACI,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAEV,KAAK,CAAE;IAAAW,QAAA,gBACzEnB,IAAA,CAACL,QAAQ,CAACyB,IAAI;MAACZ,KAAK,EAAEE,WAAY;MAAAS,QAAA,EAC/BZ,KAAK,CAACc,WAAW,GAChBd,KAAK,CAACc,WAAW,CAAC,IAAI,CAAC,gBAEvBrB,IAAA,CAACN,IAAI;QAAAyB,QAAA,EAAEZ,KAAK,CAACe;MAAK,CAAO;IAC1B,CACY,CAAC,eAChBtB,IAAA,CAACL,QAAQ,CAACyB,IAAI;MAACZ,KAAK,EAAEQ,aAAc;MAAAG,QAAA,EACjCZ,KAAK,CAACc,WAAW,GAChBd,KAAK,CAACc,WAAW,CAAC,KAAK,CAAC,gBAExBrB,IAAA,CAACN,IAAI;QAAAyB,QAAA,EAAEZ,KAAK,CAACe;MAAK,CAAO;IAC1B,CACY,CAAC;EAAA,CACP,CAAC;AAEhB,CAAC;AAED,MAAML,MAAM,GAAGxB,UAAU,CAAC8B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Pressable","StyleSheet","Animated","interpolate","useAnimatedStyle","useTabContext","TabBarLabelBaseComponent","jsx","_jsx","jsxs","_jsxs","TabBarBaseItem","index","inputRange","onPress","route","style","positionX","activeStyle","opacity","value","map","i","position","inactiveStyle","styles","container","children","View","tabBarLabel","title","focused","create","alignItems","flex","justifyContent","minHeight"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseItem.tsx"],"mappings":";;AAAA,SACEA,SAAS,EACTC,UAAU,QAGL,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,QACX,yBAAyB;AAChC,SAASC,aAAa,QAAQ,2BAA2B;AAEzD,SAASC,wBAAwB,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUtE,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPC,KAAK;EACLC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAU,CAAC,GAAGZ,aAAa,CAAC,CAAC;EAErC,MAAMa,WAAW,GAAGd,gBAAgB,CAAC,OAAO;IAC1Ce,OAAO,EAAEhB,WAAW,CAClBc,SAAS,CAACG,KAAK,EACfP,UAAU,EACVA,UAAU,CAACQ,GAAG,CAAEC,CAAC,IAAMA,CAAC,KAAKV,KAAK,GAAG,CAAC,GAAG,CAAE,CAC7C,CAAC;IACDW,QAAQ,EAAE;EACZ,CAAC,CAAC,CAAC;EAEH,MAAMC,aAAa,GAAGpB,gBAAgB,CAAC,OAAO;IAC5Ce,OAAO,EAAEhB,WAAW,CAClBc,SAAS,CAACG,KAAK,EACfP,UAAU,EACVA,UAAU,CAACQ,GAAG,CAAEC,CAAC,IAAMA,CAAC,KAAKV,KAAK,GAAG,CAAC,GAAG,CAAE,CAC7C;EACF,CAAC,CAAC,CAAC;EAEH,oBACEF,KAAA,CAACV,SAAS;IAACc,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACF,KAAK,CAAE;IAACI,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAEV,KAAK,CAAE;IAAAW,QAAA,gBACzEnB,IAAA,CAACN,QAAQ,CAAC0B,IAAI;MAACZ,KAAK,EAAEE,WAAY;MAAAS,QAAA,EAC/BZ,KAAK,CAACc,WAAW,GAChBd,KAAK,CAACc,WAAW,CAAC,IAAI,CAAC,gBAEvBrB,IAAA,CAACF,wBAAwB;QAACwB,KAAK,EAAEf,KAAK,CAACe,KAAK,IAAI,EAAG;QAACC,OAAO,EAAE;MAAK,CAAE;IACrE,CACY,CAAC,eAChBvB,IAAA,CAACN,QAAQ,CAAC0B,IAAI;MAACZ,KAAK,EAAEQ,aAAc;MAAAG,QAAA,EACjCZ,KAAK,CAACc,WAAW,GAChBd,KAAK,CAACc,WAAW,CAAC,KAAK,CAAC,gBAExBrB,IAAA,CAACF,wBAAwB;QAACwB,KAAK,EAAEf,KAAK,CAACe,KAAK,IAAI,EAAG;QAACC,OAAO,EAAE;MAAM,CAAE;IACtE,CACY,CAAC;EAAA,CACP,CAAC;AAEhB,CAAC;AAED,MAAMN,MAAM,GAAGxB,UAAU,CAAC+B,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/elements/TabBarLabelBaseComponent.js

@@ -1,39 +1,23 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import Reanimated, { interpolateColor, useAnimatedStyle } from 'react-native-reanimated';
-import { useTabOffset } from '../../hooks/useTabOffset';
+import Reanimated from 'react-native-reanimated';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TabBarLabelBaseComponent = ({
-  index,
-  ...props
+  title,
+  focused
 }) => {
-  const positionX = useTabOffset();
-  const style = useAnimatedStyle(() => ({
-    backgroundColor: interpolateColor(positionX.value, [index - 1, index, index + 1], ['transparent', 'blue', 'transparent'])
-  }), []);
-  const textStyle = useAnimatedStyle(() => ({
-    color: interpolateColor(positionX.value, [index - 1, index, index + 1], ['black', 'white', 'black'])
-  }), []);
-  return /*#__PURE__*/_jsx(Reanimated.View, {
-    style: [style, styles.wrapper],
-    children: /*#__PURE__*/_jsx(Reanimated.Text, {
-      style: [textStyle, styles.text],
-      children: props.title
-    })
+  return /*#__PURE__*/_jsx(Reanimated.Text, {
+    style: [styles.text, {
+      color: focused ? 'red' : 'black'
+    }],
+    children: title
   });
 };
 const styles = StyleSheet.create({
   text: {
     fontWeight: 'bold',
     textTransform: 'uppercase'
-  },
-  wrapper: {
-    borderRadius: 10,
-    height: 35,
-    justifyContent: 'center',
-    paddingHorizontal: 16,
-    paddingVertical: 8
   }
 });
 //# sourceMappingURL=TabBarLabelBaseComponent.js.map

package/lib/module/components/elements/TabBarLabelBaseComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Reanimated","interpolateColor","useAnimatedStyle","useTabOffset","jsx","_jsx","TabBarLabelBaseComponent","index","props","positionX","style","backgroundColor","value","textStyle","color","View","styles","wrapper","children","Text","text","title","create","fontWeight","textTransform","borderRadius","height","justifyContent","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarLabelBaseComponent.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,OAAOC,UAAU,IACfC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAEhC,SAASC,YAAY,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQxD,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC,KAAK;EACL,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,SAAS,GAAGN,YAAY,CAAC,CAAC;EAEhC,MAAMO,KAAK,GAAGR,gBAAgB,CAC5B,OAAO;IACLS,eAAe,EAAEV,gBAAgB,CAC/BQ,SAAS,CAACG,KAAK,EACf,CAACL,KAAK,GAAG,CAAC,EAAEA,KAAK,EAAEA,KAAK,GAAG,CAAC,CAAC,EAC7B,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,CACvC;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMM,SAAS,GAAGX,gBAAgB,CAChC,OAAO;IACLY,KAAK,EAAEb,gBAAgB,CACrBQ,SAAS,CAACG,KAAK,EACf,CAACL,KAAK,GAAG,CAAC,EAAEA,KAAK,EAAEA,KAAK,GAAG,CAAC,CAAC,EAC7B,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAC5B;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACEF,IAAA,CAACL,UAAU,CAACe,IAAI;IAACL,KAAK,EAAE,CAACA,KAAK,EAAEM,MAAM,CAACC,OAAO,CAAE;IAAAC,QAAA,eAC9Cb,IAAA,CAACL,UAAU,CAACmB,IAAI;MAACT,KAAK,EAAE,CAACG,SAAS,EAAEG,MAAM,CAACI,IAAI,CAAE;MAAAF,QAAA,EAC9CV,KAAK,CAACa;IAAK,CACG;EAAC,CACH,CAAC;AAEtB,CAAC;AAED,MAAML,MAAM,GAAGjB,UAAU,CAACuB,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE;EACjB,CAAC;EACDP,OAAO,EAAE;IACPQ,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","Reanimated","jsx","_jsx","TabBarLabelBaseComponent","title","focused","Text","style","styles","text","color","children","create","fontWeight","textTransform"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarLabelBaseComponent.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,OAAOC,UAAU,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOjD,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC,KAAK;EACLC;AACgB,CAAC,KAAK;EACtB,oBACEH,IAAA,CAACF,UAAU,CAACM,IAAI;IACdC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,KAAK,EAAEL,OAAO,GAAG,KAAK,GAAG;IAAQ,CAAC,CAAE;IAAAM,QAAA,EAE1DP;EAAK,CACS,CAAC;AAEtB,CAAC;AAED,MAAMI,MAAM,GAAGT,UAAU,CAACa,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -1,18 +1,17 @@
 "use strict";
 
+import { useEffect } from 'react';
+import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
+import { ScreenWrapper } from './components/wrappers/ScreenWrapper';
 import { ScrollView } from './components/wrappers/ScrollView';
 import { SectionList } from './components/wrappers/SectionList';
-import { ScreenWrapper } from './components/wrappers/ScreenWrapper';
-import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
-import { TabBarLabelBaseComponent } from './components/elements/TabBarLabelBaseComponent';
-import { useEffect } from 'react';
-import { WarningService } from './services/Warning.service';
-import { useTabContext } from './hooks/useTabContext';
-import { useTabOffset } from './hooks/useTabOffset';
+import { useHeader } from './hooks/useHeader';
 import { useScreenGesture } from './hooks/useScreenGesture';
-import { useScreenScrollable } from './hooks/useScreenScrollable';
 import { useScreenProperties } from './hooks/useScreenProperties';
-import { useHeader } from './hooks/useHeader';
+import { useScreenScrollable } from './hooks/useScreenScrollable';
+import { useTabContext } from './hooks/useTabContext';
+import { useTabOffset } from './hooks/useTabOffset';
+import { WarningService } from './services/Warning.service';
 export { createReanimatedTopTabNavigator } from './navigator/createReanimatedTopTabNavigator';
 const _useTabContext = () => {
   useEffect(() => {
@@ -32,7 +31,6 @@ export const Tab = {
   ScrollView,
   SectionList,
   ScreenWrapper,
-  TabBarBaseComponent,
-  TabBarLabelBaseComponent
+  TabBarBaseComponent
 };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScrollView","SectionList","ScreenWrapper","TabBarBaseComponent","TabBarLabelBaseComponent","useEffect","WarningService","useTabContext","useTabOffset","useScreenGesture","useScreenScrollable","useScreenProperties","useHeader","createReanimatedTopTabNavigator","_useTabContext","warn","TabHooks","Tab"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,WAAW,QAAQ,mCAAmC;AAC/D,SAASC,aAAa,QAAQ,qCAAqC;AACnE,SAASC,mBAAmB,QAAQ,2CAA2C;AAC/E,SAASC,wBAAwB,QAAQ,gDAAgD;AACzF,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,gBAAgB,QAAQ,0BAA0B;AAC3D,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,SAAS,QAAQ,mBAAmB;AAG7C,SAASC,+BAA+B,QAAQ,6CAA6C;AAE7F,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAC3BT,SAAS,CAAC,MAAM;IACdC,cAAc,CAACS,IAAI,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOR,aAAa,CAAC,CAAC;AACxB,CAAC;AAED,OAAO,MAAMS,QAAQ,GAAG;EACtBJ,SAAS;EACTD,mBAAmB;EACnBD,mBAAmB;EACnBD,gBAAgB;EAChBF,aAAa,EAAEO,cAAc;EAC7BN;AACF,CAAC;AAED,OAAO,MAAMS,GAAG,GAAG;EACjBjB,UAAU;EACVC,WAAW;EACXC,aAAa;EACbC,mBAAmB;EACnBC;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","TabBarBaseComponent","ScreenWrapper","ScrollView","SectionList","useHeader","useScreenGesture","useScreenProperties","useScreenScrollable","useTabContext","useTabOffset","WarningService","createReanimatedTopTabNavigator","_useTabContext","warn","TabHooks","Tab"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,mBAAmB,QAAQ,2CAA2C;AAC/E,SAASC,aAAa,QAAQ,qCAAqC;AACnE,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,WAAW,QAAQ,mCAAmC;AAC/D,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,gBAAgB,QAAQ,0BAA0B;AAC3D,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,cAAc,QAAQ,4BAA4B;AAE3D,SAASC,+BAA+B,QAAQ,6CAA6C;AAG7F,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAC3Bb,SAAS,CAAC,MAAM;IACdW,cAAc,CAACG,IAAI,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOL,aAAa,CAAC,CAAC;AACxB,CAAC;AAED,OAAO,MAAMM,QAAQ,GAAG;EACtBV,SAAS;EACTE,mBAAmB;EACnBC,mBAAmB;EACnBF,gBAAgB;EAChBG,aAAa,EAAEI,cAAc;EAC7BH;AACF,CAAC;AAED,OAAO,MAAMM,GAAG,GAAG;EACjBb,UAAU;EACVC,WAAW;EACXF,aAAa;EACbD;AACF,CAAC","ignoreList":[]}

package/lib/typescript/src/components/ReanimatedTopTab/AnimationHelper.d.ts

@@ -1,15 +1,11 @@
 import type { GestureStateChangeEvent, GestureUpdateEvent, PanGestureChangeEventPayload, PanGestureHandlerEventPayload } from 'react-native-gesture-handler';
-type NavigationState = {
-    size: number;
-    index: number;
-};
+import type { ReanimatedTabViewTypes } from './types';
 export declare const AnimationHelper: {
-    animation: (newValue: number, duration?: number) => number;
-    onChange: (event: GestureUpdateEvent<PanGestureHandlerEventPayload & PanGestureChangeEventPayload>, animationValue: number, width: number, navigationState: NavigationState) => number;
-    onEnd: (event: GestureStateChangeEvent<PanGestureHandlerEventPayload>, minimumValueToChangeView: number, width: number, navigationState: NavigationState) => {
+    animation: (newValue: number, onFinished?: () => void) => number;
+    onChange: (event: GestureUpdateEvent<PanGestureHandlerEventPayload & PanGestureChangeEventPayload>, animationValue: number, width: number, navigationState: ReanimatedTabViewTypes.NavigationState) => number;
+    onEnd: (event: GestureStateChangeEvent<PanGestureHandlerEventPayload>, minimumValueToChangeView: number, width: number, navigationState: ReanimatedTabViewTypes.NavigationState) => {
         index: number;
         value: number;
     };
 };
-export {};
 //# sourceMappingURL=AnimationHelper.d.ts.map

package/lib/typescript/src/components/ReanimatedTopTab/AnimationHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationHelper.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/AnimationHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,6BAA6B,EAC9B,MAAM,8BAA8B,CAAC;AAGtC,KAAK,eAAe,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AA0EvD,eAAO,MAAM,eAAe;0BALC,MAAM;sBAlE1B,kBAAkB,CACvB,6BAA6B,GAAG,4BAA4B,CAC7D,kBACe,MAAM,SACf,MAAM,mBACI,eAAe;mBAiCzB,uBAAuB,CAAC,6BAA6B,CAAC,4BACnC,MAAM,SACzB,MAAM,mBACI,eAAe;;;;CAkCjC,CAAC"}
+{"version":3,"file":"AnimationHelper.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/AnimationHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,6BAA6B,EAC9B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA4EtD,eAAO,MAAM,eAAe;0BAPC,MAAM,eAAe,MAAM,IAAI;sBAlEnD,kBAAkB,CACvB,6BAA6B,GAAG,4BAA4B,CAC7D,kBACe,MAAM,SACf,MAAM,mBACI,sBAAsB,CAAC,eAAe;mBAiChD,uBAAuB,CAAC,6BAA6B,CAAC,4BACnC,MAAM,SACzB,MAAM,mBACI,sBAAsB,CAAC,eAAe;;;;CAoCxD,CAAC"}

package/lib/typescript/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReanimatedTabView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/ReanimatedTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,EAAE,sBAAsB,CAAC,eAAe,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,sBAAsB,CAAC,gBAAgB,KAC5C,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;CAC9D;AAED,eAAO,MAAM,iBAAiB,oDAuK7B,CAAC"}
+{"version":3,"file":"ReanimatedTabView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/ReanimatedTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAevE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,EAAE,sBAAsB,CAAC,eAAe,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,sBAAsB,CAAC,gBAAgB,KAC5C,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;CAC9D;AAED,eAAO,MAAM,iBAAiB,oDA+I7B,CAAC"}

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

@@ -17,7 +17,6 @@ export declare namespace ReanimatedTabViewTypes {
         screenOptions?: ReanimatedTopTabNavigation.NavigationOptions;
     }
     interface SceneProps {
-        jumpTo?: (key: string) => void;
         route: Route;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;QACpD,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,eAAe,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;IAEjE,UAAiB,gBAAgB;QAC/B,eAAe,EAAE,eAAe,CAAC;QACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;KAC9D;IAED,UAAiB,UAAU;QACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC;KACd;CACF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;QACpD,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,eAAe,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;IAEjE,UAAiB,gBAAgB;QAC/B,eAAe,EAAE,eAAe,CAAC;QACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;KAC9D;IAED,UAAiB,UAAU;QACzB,KAAK,EAAE,KAAK,CAAC;KACd;CACF"}

package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarBaseItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,kDAMxB,mBAAmB,4CAsCrB,CAAC"}
+{"version":3,"file":"TabBarBaseItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGxE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,kDAMxB,mBAAmB,4CAsCrB,CAAC"}

package/lib/typescript/src/components/elements/TabBarLabelBaseComponent.d.ts

@@ -1,7 +1,6 @@
 export interface TabBarLabelTypes {
     focused: boolean;
-    index: number;
     title: string;
 }
-export declare const TabBarLabelBaseComponent: ({ index, ...props }: TabBarLabelTypes) => import("react/jsx-runtime").JSX.Element;
+export declare const TabBarLabelBaseComponent: ({ title, focused, }: TabBarLabelTypes) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TabBarLabelBaseComponent.d.ts.map

package/lib/typescript/src/components/elements/TabBarLabelBaseComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarLabelBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarLabelBaseComponent.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,wBAAwB,wBAGlC,gBAAgB,4CAgClB,CAAC"}
+{"version":3,"file":"TabBarLabelBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarLabelBaseComponent.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,wBAAwB,wBAGlC,gBAAgB,4CAQlB,CAAC"}

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

@@ -1,5 +1,5 @@
-export { type ReanimatedTopTabNavigation } from './types';
 export { createReanimatedTopTabNavigator } from './navigator/createReanimatedTopTabNavigator';
+export { type ReanimatedTopTabNavigation } from './types';
 export declare const TabHooks: {
     useHeader: () => {
         hideHeader: () => void;
@@ -36,6 +36,5 @@ export declare const Tab: {
     SectionList: <ItemT, SectionT = import("react-native").DefaultSectionT>({ children, style, contentContainerStyle, onLayout, ...props }: import("react-native").SectionListProps<ItemT, SectionT>) => import("react/jsx-runtime").JSX.Element;
     ScreenWrapper: ({ children, ...viewProps }: import("./components/wrappers/ScreenWrapper").ScreenWrapperProps) => import("react/jsx-runtime").JSX.Element;
     TabBarBaseComponent: ({ children, navigationState, style, navigate, screenOptions, }: import("./components/elements/TabBarBaseComponent").TabBarProps) => import("react/jsx-runtime").JSX.Element;
-    TabBarLabelBaseComponent: ({ index, ...props }: import("./components/elements/TabBarLabelBaseComponent").TabBarLabelTypes) => import("react/jsx-runtime").JSX.Element;
 };
 //# 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":"AAcA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAU9F,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;CAMf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAC9F,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAU1D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;CAKf,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-navigation-reanimated-top-tabs",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "description": "react-navigation-reanimated-top-tabs",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/src/components/ReanimatedTopTab/AnimationHelper.ts

@@ -4,9 +4,8 @@ import type {
   PanGestureChangeEventPayload,
   PanGestureHandlerEventPayload,
 } from 'react-native-gesture-handler';
-import { withTiming } from 'react-native-reanimated';
-
-type NavigationState = { size: number; index: number };
+import { runOnJS, withTiming } from 'react-native-reanimated';
+import type { ReanimatedTabViewTypes } from './types';
 
 const onChange = (
   event: GestureUpdateEvent<
@@ -14,13 +13,13 @@ const onChange = (
   >,
   animationValue: number,
   width: number,
-  navigationState: NavigationState
+  navigationState: ReanimatedTabViewTypes.NavigationState
 ) => {
   'worklet';
   if (animationValue > 0) {
     return 0;
   }
-  const routesLength = navigationState.size - 1;
+  const routesLength = navigationState.routes.length - 1;
   if (animationValue < -width * routesLength) {
     return -width * routesLength;
   }
@@ -28,11 +27,11 @@ const onChange = (
 };
 
 const getIndex = (
-  navigationState: NavigationState,
+  navigationState: ReanimatedTabViewTypes.NavigationState,
   type: 'increment' | 'decrement'
 ) => {
   'worklet';
-  const max = navigationState.size - 1;
+  const max = navigationState.routes.length - 1;
   const current = navigationState.index;
 
   if (type === 'increment' && current < max) {
@@ -50,7 +49,7 @@ const onEnd = (
   event: GestureStateChangeEvent<PanGestureHandlerEventPayload>,
   minimumValueToChangeView: number,
   width: number,
-  navigationState: NavigationState
+  navigationState: ReanimatedTabViewTypes.NavigationState
 ) => {
   'worklet';
   const { velocityX, translationX } = event;
@@ -75,9 +74,11 @@ const onEnd = (
   };
 };
 
-const animation = (newValue: number, duration = 200) => {
+const animation = (newValue: number, onFinished?: () => void) => {
   'worklet';
-  return withTiming(newValue, { duration });
+  return withTiming(newValue, { duration: 350 }, (finished) => {
+    if (finished && onFinished) runOnJS(onFinished)();
+  });
 };
 
 export const AnimationHelper = {

package/src/components/ReanimatedTopTab/ReanimatedTabView.tsx

@@ -9,7 +9,6 @@ import Reanimated, {
   interpolate,
   LinearTransition,
   runOnJS,
-  runOnUI,
   useAnimatedReaction,
   useAnimatedStyle,
   useSharedValue,
@@ -47,24 +46,30 @@ export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
     const loadedScreens = useRef([
       navigationState.routes[navigationState.index],
     ]);
+    const navigationStateRef = useSharedValue(navigationState);
     const scrollPosition = useSharedValue(navigationState.index);
     const { positionX } = useTabContext();
 
+    useEffect(() => {
+      navigationStateRef.value = navigationState;
+    }, [navigationState]);
+
     useAnimatedReaction(
       () => scrollPosition.value,
       (value) => {
         positionX.value = interpolate(
           value,
-          navigationState.routes.map((_, i) => i * -width),
-          navigationState.routes.map((_, i) => i),
+          navigationState.routes.map((_, i) => i * -width).reverse(),
+          navigationState.routes.map((_, i) => i).reverse(),
           'clamp'
         );
       }
     );
 
     const _navigate = (index: number) => {
-      scrollPosition.value = AnimationHelper.animation(-index * width);
-      navigate(index);
+      scrollPosition.value = AnimationHelper.animation(-index * width, () =>
+        navigate(index)
+      );
     };
 
     const minimumValueToChangeView = useMemo(
@@ -72,15 +77,6 @@ export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
       [percentageTrigger, width]
     );
 
-    const _navigationState = useSharedValue({ size: 0, index: 0 });
-
-    useEffect(() => {
-      runOnUI(() => {
-        _navigationState.value.size = navigationState.routes.length;
-        _navigationState.value.index = navigationState.index;
-      })();
-    }, [navigationState]);
-
     const panGesture = React.useMemo(
       () =>
         Gesture.Pan()
@@ -92,7 +88,7 @@ export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
               event,
               scrollPosition.value,
               width,
-              _navigationState.value
+              navigationStateRef.value
             );
           })
           .onEnd((event) => {
@@ -101,11 +97,9 @@ export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
               event,
               minimumValueToChangeView,
               width,
-              _navigationState.value
+              navigationStateRef.value
             );
-            scrollPosition.value = AnimationHelper.animation(state.value);
-            _navigationState.value.index = state.index;
-            runOnJS(navigate)(state.index);
+            runOnJS(_navigate)(state.index);
           }),
       [minimumValueToChangeView, width]
     );
@@ -123,19 +117,6 @@ export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
       ],
     }));
 
-    const jumpTo = React.useCallback(
-      (key: string) => {
-        const newIndex = navigationState.routes.findIndex(
-          (route) => route.key === key
-        );
-        if (newIndex === -1) {
-          return;
-        }
-        scrollPosition.value = AnimationHelper.animation(-newIndex * width);
-      },
-      [navigationState.routes, width]
-    );
-
     const chooseRender = useCallback(
       (params: ReanimatedTabViewTypes.SceneProps, useRenderScene = true) => (
         <View key={`RNNTabView_${params.route.key}`} style={{ width }}>
@@ -149,27 +130,21 @@ export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
       () =>
         navigationState.routes.map((route, index) => {
           if (!lazy) {
-            return chooseRender({ jumpTo, route });
+            return chooseRender({ route });
           }
           const screen = loadedScreens.current.find(
             (loadedScreen) => loadedScreen?.key === route.key
           );
           if (screen !== undefined) {
-            return chooseRender({ jumpTo, route });
+            return chooseRender({ route });
           }
           if (navigationState.index === index) {
             loadedScreens.current.push(route);
-            return chooseRender({ jumpTo, route });
+            return chooseRender({ route });
           }
-          return chooseRender({ jumpTo, route }, false);
+          return chooseRender({ route }, false);
         }),
-      [
-        navigationState.routes,
-        navigationState.index,
-        lazy,
-        chooseRender,
-        jumpTo,
-      ]
+      [navigationState.routes, navigationState.index, lazy, chooseRender]
     );
 
     return (

package/src/components/ReanimatedTopTab/types.ts

@@ -18,7 +18,6 @@ export namespace ReanimatedTabViewTypes {
   }
 
   export interface SceneProps {
-    jumpTo?: (key: string) => void;
     route: Route;
   }
 }

package/src/components/elements/TabBarBaseItem.tsx

@@ -1,7 +1,6 @@
 import {
   Pressable,
   StyleSheet,
-  Text,
   type StyleProp,
   type ViewStyle,
 } from 'react-native';
@@ -11,6 +10,7 @@ import Animated, {
 } from 'react-native-reanimated';
 import { useTabContext } from '../../hooks/useTabContext';
 import { type ReanimatedTabViewTypes } from '../ReanimatedTopTab/types';
+import { TabBarLabelBaseComponent } from './TabBarLabelBaseComponent';
 
 interface TabBarBaseItemProps {
   index: number;
@@ -52,14 +52,14 @@ export const TabBarBaseItem = ({
         {route.tabBarLabel ? (
           route.tabBarLabel(true)
         ) : (
-          <Text>{route.title}</Text>
+          <TabBarLabelBaseComponent title={route.title ?? ''} focused={true} />
         )}
       </Animated.View>
       <Animated.View style={inactiveStyle}>
         {route.tabBarLabel ? (
           route.tabBarLabel(false)
         ) : (
-          <Text>{route.title}</Text>
+          <TabBarLabelBaseComponent title={route.title ?? ''} focused={false} />
         )}
       </Animated.View>
     </Pressable>

package/src/components/elements/TabBarLabelBaseComponent.tsx

@@ -1,51 +1,21 @@
 import { StyleSheet } from 'react-native';
-import Reanimated, {
-  interpolateColor,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
-
-import { useTabOffset } from '../../hooks/useTabOffset';
+import Reanimated from 'react-native-reanimated';
 
 export interface TabBarLabelTypes {
   focused: boolean;
-  index: number;
   title: string;
 }
 
 export const TabBarLabelBaseComponent = ({
-  index,
-  ...props
+  title,
+  focused,
 }: TabBarLabelTypes) => {
-  const positionX = useTabOffset();
-
-  const style = useAnimatedStyle(
-    () => ({
-      backgroundColor: interpolateColor(
-        positionX.value,
-        [index - 1, index, index + 1],
-        ['transparent', 'blue', 'transparent']
-      ),
-    }),
-    []
-  );
-
-  const textStyle = useAnimatedStyle(
-    () => ({
-      color: interpolateColor(
-        positionX.value,
-        [index - 1, index, index + 1],
-        ['black', 'white', 'black']
-      ),
-    }),
-    []
-  );
-
   return (
-    <Reanimated.View style={[style, styles.wrapper]}>
-      <Reanimated.Text style={[textStyle, styles.text]}>
-        {props.title}
-      </Reanimated.Text>
-    </Reanimated.View>
+    <Reanimated.Text
+      style={[styles.text, { color: focused ? 'red' : 'black' }]}
+    >
+      {title}
+    </Reanimated.Text>
   );
 };
 
@@ -54,11 +24,4 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
     textTransform: 'uppercase',
   },
-  wrapper: {
-    borderRadius: 10,
-    height: 35,
-    justifyContent: 'center',
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-  },
 });

package/src/index.tsx

@@ -1,19 +1,18 @@
+import { useEffect } from 'react';
+import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
+import { ScreenWrapper } from './components/wrappers/ScreenWrapper';
 import { ScrollView } from './components/wrappers/ScrollView';
 import { SectionList } from './components/wrappers/SectionList';
-import { ScreenWrapper } from './components/wrappers/ScreenWrapper';
-import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
-import { TabBarLabelBaseComponent } from './components/elements/TabBarLabelBaseComponent';
-import { useEffect } from 'react';
-import { WarningService } from './services/Warning.service';
-import { useTabContext } from './hooks/useTabContext';
-import { useTabOffset } from './hooks/useTabOffset';
+import { useHeader } from './hooks/useHeader';
 import { useScreenGesture } from './hooks/useScreenGesture';
-import { useScreenScrollable } from './hooks/useScreenScrollable';
 import { useScreenProperties } from './hooks/useScreenProperties';
-import { useHeader } from './hooks/useHeader';
+import { useScreenScrollable } from './hooks/useScreenScrollable';
+import { useTabContext } from './hooks/useTabContext';
+import { useTabOffset } from './hooks/useTabOffset';
+import { WarningService } from './services/Warning.service';
 
-export { type ReanimatedTopTabNavigation } from './types';
 export { createReanimatedTopTabNavigator } from './navigator/createReanimatedTopTabNavigator';
+export { type ReanimatedTopTabNavigation } from './types';
 
 const _useTabContext = () => {
   useEffect(() => {
@@ -37,5 +36,4 @@ export const Tab = {
   SectionList,
   ScreenWrapper,
   TabBarBaseComponent,
-  TabBarLabelBaseComponent,
 };