@hero-design/rn 8.63.2-alpha.0 → 8.63.2-alpha.2

package/es/index.js

@@ -17838,6 +17838,7 @@ var useIsFocused = function useIsFocused() {
   return isFocused;
 };
 
+var AnimatedPagerView$1 = Animated.createAnimatedComponent(PagerView);
 var ScrollableTab = function ScrollableTab(_ref) {
   var onTabPress = _ref.onTabPress,
     selectedTabKey = _ref.selectedTabKey,
@@ -17895,8 +17896,8 @@ var ScrollableTab = function ScrollableTab(_ref) {
     insets: insets,
     testID: componentTestID ? "".concat(componentTestID, "-tab-bar") : undefined,
     variant: variant
-  }), /*#__PURE__*/React__default.createElement(PagerView, {
-    useNext: false,
+  }), /*#__PURE__*/React__default.createElement(AnimatedPagerView$1, {
+    useNext: true,
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
     onPageScrollStateChanged: function onPageScrollStateChanged(e) {
@@ -18033,7 +18034,7 @@ var Tabs = function Tabs(_ref2) {
     tabsLength: tabs.length,
     tabsWidth: tabsWidth
   }))), /*#__PURE__*/React__default.createElement(AnimatedPagerView, {
-    useNext: false,
+    useNext: true,
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
     onPageSelected: function onPageSelected(e) {

package/lib/index.js

@@ -17868,6 +17868,7 @@ var useIsFocused = function useIsFocused() {
   return isFocused;
 };
 
+var AnimatedPagerView$1 = reactNative.Animated.createAnimatedComponent(PagerView__default["default"]);
 var ScrollableTab = function ScrollableTab(_ref) {
   var onTabPress = _ref.onTabPress,
     selectedTabKey = _ref.selectedTabKey,
@@ -17925,8 +17926,8 @@ var ScrollableTab = function ScrollableTab(_ref) {
     insets: insets,
     testID: componentTestID ? "".concat(componentTestID, "-tab-bar") : undefined,
     variant: variant
-  }), /*#__PURE__*/React__default["default"].createElement(PagerView__default["default"], {
-    useNext: false,
+  }), /*#__PURE__*/React__default["default"].createElement(AnimatedPagerView$1, {
+    useNext: true,
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
     onPageScrollStateChanged: function onPageScrollStateChanged(e) {
@@ -18063,7 +18064,7 @@ var Tabs = function Tabs(_ref2) {
     tabsLength: tabs.length,
     tabsWidth: tabsWidth
   }))), /*#__PURE__*/React__default["default"].createElement(AnimatedPagerView, {
-    useNext: false,
+    useNext: true,
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
     onPageSelected: function onPageSelected(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.63.2-alpha.0",
+  "version": "8.63.2-alpha.2",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/Tabs/ScrollableTabs.tsx

@@ -1,6 +1,7 @@
 import React, { useRef } from 'react';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import PagerView from 'react-native-pager-view';
+import { Animated } from 'react-native';
 import { TabContainer } from './StyledScrollableTabs';
 import type { TabsProps } from '.';
 import SceneView from './SceneView';
@@ -11,6 +12,8 @@ export interface ScrollableTabProps extends TabsProps {
   variant?: 'underlined' | 'highlighted';
 }
 
+const AnimatedPagerView = Animated.createAnimatedComponent(PagerView);
+
 const ScrollableTab = ({
   onTabPress,
   selectedTabKey,
@@ -68,8 +71,8 @@ const ScrollableTab = ({
           testID={componentTestID ? `${componentTestID}-tab-bar` : undefined}
           variant={variant}
         />
-        <PagerView
-          useNext={false}
+        <AnimatedPagerView
+          useNext
           initialPage={selectedTabIndex}
           ref={pagerViewRef}
           onPageScrollStateChanged={(e) => {
@@ -109,7 +112,7 @@ const ScrollableTab = ({
               </ScreenContext.Provider>
             );
           })}
-        </PagerView>
+        </AnimatedPagerView>
       </TabContainer>
     </TabContext.Provider>
   );

package/src/components/Tabs/index.tsx

@@ -195,7 +195,7 @@ const Tabs = ({
           </View>
         </HeaderTabWrapper>
         <AnimatedPagerView
-          useNext={false}
+          useNext
           initialPage={selectedTabIndex}
           ref={pagerViewRef}
           onPageSelected={(e) => {