react-native-reanimated-carousel 2.4.0 → 2.6.0

package/src/hooks/useCarouselController.tsx

@@ -33,7 +33,6 @@ export interface ICarouselController {
     prev: (opts?: TCarouselActionOptions) => void;
     next: (opts?: TCarouselActionOptions) => void;
     getCurrentIndex: () => number;
-    to: (index: number, animated?: boolean) => void;
     scrollTo: (opts?: TCarouselActionOptions) => void;
 }
 
@@ -225,21 +224,22 @@ export function useCarouselController(options: IOpts): ICarouselController {
     );
 
     const to = React.useCallback(
-        (idx: number, animated: boolean = false) => {
-            if (idx === index.value) return;
+        (opts: { i: number; animated: boolean; onFinished?: () => void }) => {
+            const { i, animated = false, onFinished } = opts;
+            if (i === index.value) return;
             if (!canSliding()) return;
 
             onScrollBegin?.();
 
-            const offset = handlerOffsetX.value + (index.value - idx) * size;
+            const offset = handlerOffsetX.value + (index.value - i) * size;
 
             if (animated) {
-                index.value = idx;
-                handlerOffsetX.value = scrollWithTiming(offset);
+                index.value = i;
+                handlerOffsetX.value = scrollWithTiming(offset, onFinished);
             } else {
                 handlerOffsetX.value = offset;
-                index.value = idx;
-                runOnJS(onScrollEnd)();
+                index.value = i;
+                onFinished?.();
             }
         },
         [
@@ -249,28 +249,34 @@ export function useCarouselController(options: IOpts): ICarouselController {
             handlerOffsetX,
             size,
             scrollWithTiming,
-            onScrollEnd,
         ]
     );
 
     const scrollTo = React.useCallback(
         (opts: TCarouselActionOptions = {}) => {
-            const { count, animated = false, onFinished } = opts;
+            const { index: i, count, animated = false, onFinished } = opts;
+
+            if (typeof i === 'number' && i > -1) {
+                to({ i, animated, onFinished });
+                return;
+            }
+
             if (!count) {
                 return;
             }
+
             const n = Math.round(count);
+
             if (n < 0) {
                 prev({ count: Math.abs(n), animated, onFinished });
             } else {
                 next({ count: n, animated, onFinished });
             }
         },
-        [prev, next]
+        [prev, next, to]
     );
 
     return {
-        to,
         next,
         prev,
         scrollTo,

package/src/index.tsx

@@ -1,3 +1,7 @@
+if (!('__reanimatedWorkletInit' in global)) {
+    Object.assign(global, { __reanimatedWorkletInit: () => {} });
+}
+
 export type { TCarouselProps, ICarouselInstance } from './types';
 import Carousel from './Carousel';
 

package/src/types.ts

@@ -1,4 +1,4 @@
-import type { ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import type { PanGestureHandlerProps } from 'react-native-gesture-handler';
 import type {
     AnimatedStyleProp,
@@ -104,7 +104,7 @@ export type TCarouselProps<T = any> = {
     /**
      * Carousel container style
      */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /**
      * PanGestureHandler props
      */
@@ -189,21 +189,16 @@ export interface ICarouselInstance {
      * Scroll to previous item, it takes one optional argument (count),
      * which allows you to specify how many items to cross
      */
-    prev: (opts?: TCarouselActionOptions) => void;
+    prev: (opts?: Omit<TCarouselActionOptions, 'index'>) => void;
     /**
      * Scroll to next item, it takes one optional argument (count),
      * which allows you to specify how many items to cross
      */
-    next: (opts?: TCarouselActionOptions) => void;
+    next: (opts?: Omit<TCarouselActionOptions, 'index'>) => void;
     /**
      * Get current item index
      */
     getCurrentIndex: () => number;
-    /**
-     * Go to index
-     * @deprecated use scrollTo instead
-     */
-    goToIndex: (index: number, animated?: boolean) => void;
     /**
      * Use value to scroll to a position where relative to the current position,
      * scrollTo(-2) is equivalent to prev(2), scrollTo(2) is equivalent to next(2)
@@ -222,6 +217,7 @@ export type CarouselRenderItem<ItemT> = (
 ) => React.ReactElement;
 
 export interface TCarouselActionOptions {
+    index?: number;
     count?: number;
     animated?: boolean;
     onFinished?: () => void;