react-native-reanimated-carousel 0.4.4 → 0.4.5

package/lib/commonjs/Carousel.js

@@ -75,7 +75,9 @@ function Carousel(props, ref) {
     handlerOffsetX,
     lockController,
     timingConfig,
-    disable: !data.length
+    disable: !data.length,
+    onNext: isFinished => isFinished && callComputedIndex(),
+    onPrev: isFinished => isFinished && callComputedIndex()
   });
   (0, _useAutoPlay.useAutoPlay)({
     autoPlay,
@@ -115,12 +117,12 @@ function Carousel(props, ref) {
   const callComputedIndex = _react.default.useCallback(() => computedIndex === null || computedIndex === void 0 ? void 0 : computedIndex(), [computedIndex]);
 
   const next = _react.default.useCallback(() => {
-    return carouselController.next(callComputedIndex);
-  }, [carouselController, callComputedIndex]);
+    return carouselController.next();
+  }, [carouselController]);
 
   const prev = _react.default.useCallback(() => {
-    return carouselController.prev(callComputedIndex);
-  }, [carouselController, callComputedIndex]);
+    return carouselController.prev();
+  }, [carouselController]);
 
   const getCurrentIndex = _react.default.useCallback(() => {
     return index.value;

package/lib/commonjs/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.tsx"],"names":["defaultTimingConfig","duration","Carousel","props","ref","height","data","_data","width","loop","mode","renderItem","autoPlay","autoPlayReverse","autoPlayInterval","parallaxScrollingOffset","parallaxScrollingScale","onSnapToItem","style","timingConfig","lockController","handlerOffsetX","React","useMemo","length","computedAnimResult","carouselController","disable","index","computedIndex","offsetX","x","value","WL","isNaN","i","callComputedIndex","useCallback","next","prev","getCurrentIndex","animatedListScrollHandler","onStart","_","ctx","isLock","startContentOffsetX","currentContentOffsetX","start","onActive","e","translationX","Math","max","min","onEnd","_withTimingCallback","num","isFinished","unLock","lock","abs","velocityX","useImperativeHandle","Layouts","children","flexDirection","position","map","item","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewStyle } from 'react-native';\nimport {\n    PanGestureHandler,\n    PanGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n    runOnJS,\n    useAnimatedGestureHandler,\n    useAnimatedReaction,\n    useDerivedValue,\n    useSharedValue,\n    withTiming,\n} from 'react-native-reanimated';\nimport { CarouselItem } from './CarouselItem';\nimport type { TMode } from './layouts';\nimport { ParallaxLayout } from './layouts/index';\nimport { useCarouselController } from './useCarouselController';\nimport { useComputedAnim } from './useComputedAnim';\nimport { useAutoPlay } from './useAutoPlay';\nimport { useComputedIndex } from './useComputedIndex';\nimport { useLockController } from './useLock';\n\nconst defaultTimingConfig: Animated.WithTimingConfig = {\n    duration: 250,\n};\n\nexport interface ICarouselProps<T extends unknown> {\n    ref?: React.Ref<ICarouselInstance>;\n    /**\n     * Carousel loop playback.\n     * @default true\n     */\n    loop?: boolean;\n    /**\n     * Carousel Animated transitions.\n     * @default 'default'\n     */\n    mode?: TMode;\n    /**\n     * Render carousel item.\n     */\n    renderItem: (data: T, index: number) => React.ReactNode;\n    /**\n     * Specified carousel container width.\n     */\n    width: number;\n    /**\n     * Specified carousel container height.\n     * @default '100%'\n     */\n    height?: FlexStyle['height'];\n    /**\n     * Carousel items data set.\n     */\n    data: T[];\n    /**\n     * Auto play\n     */\n    autoPlay?: boolean;\n    /**\n     * Auto play\n     * @description reverse playback\n     */\n    autoPlayReverse?: boolean;\n    /**\n     * Auto play\n     * @description playback interval\n     */\n    autoPlayInterval?: number;\n    /**\n     * Carousel container style\n     */\n    style?: ViewStyle;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 100\n     */\n    parallaxScrollingOffset?: number;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 0.8\n     */\n    parallaxScrollingScale?: number;\n    /**\n     * Callback fired when navigating to an item\n     */\n    onSnapToItem?: (index: number) => void;\n    /**\n     * Timing config of translation animated\n     */\n    timingConfig?: Animated.WithTimingConfig;\n}\n\nexport interface ICarouselInstance {\n    /**\n     * Play the last one\n     */\n    prev: () => void;\n    /**\n     * Play the next one\n     */\n    next: () => void;\n    /**\n     * Get current item index\n     */\n    getCurrentIndex: () => number;\n}\n\nfunction Carousel<T extends unknown = any>(\n    props: ICarouselProps<T>,\n    ref: React.Ref<ICarouselInstance>\n) {\n    const {\n        height = '100%',\n        data: _data = [],\n        width,\n        loop = true,\n        mode = 'default',\n        renderItem,\n        autoPlay,\n        autoPlayReverse,\n        autoPlayInterval,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        onSnapToItem,\n        style,\n        timingConfig = defaultTimingConfig,\n    } = props;\n    const lockController = useLockController();\n    const handlerOffsetX = useSharedValue<number>(0);\n    const data = React.useMemo<T[]>(() => {\n        if (!loop) return _data;\n\n        if (_data.length === 1) {\n            return [_data[0], _data[0], _data[0]];\n        }\n\n        if (_data.length === 2) {\n            return [_data[0], _data[1], _data[0], _data[1]];\n        }\n\n        return _data;\n    }, [_data, loop]);\n\n    const computedAnimResult = useComputedAnim(width, data.length);\n    const carouselController = useCarouselController({\n        width,\n        handlerOffsetX,\n        lockController,\n        timingConfig,\n        disable: !data.length,\n    });\n    useAutoPlay({\n        autoPlay,\n        autoPlayInterval,\n        autoPlayReverse,\n        carouselController,\n        lockController,\n    });\n    const { index, computedIndex } = useComputedIndex({\n        length: data.length,\n        handlerOffsetX,\n        width,\n    });\n\n    const offsetX = useDerivedValue(() => {\n        const x = handlerOffsetX.value % computedAnimResult.WL;\n        return isNaN(x) ? 0 : x;\n    }, [computedAnimResult]);\n\n    useAnimatedReaction(\n        () => index.value,\n        (i) => {\n            if (loop) {\n                switch (_data.length) {\n                    case 1:\n                        i = 0;\n                        break;\n                    case 2:\n                        i = i % 2;\n                        break;\n                }\n                onSnapToItem && runOnJS(onSnapToItem)(i);\n            }\n        },\n        [onSnapToItem, loop, _data]\n    );\n\n    const callComputedIndex = React.useCallback(\n        () => computedIndex?.(),\n        [computedIndex]\n    );\n\n    const next = React.useCallback(() => {\n        return carouselController.next(callComputedIndex);\n    }, [carouselController, callComputedIndex]);\n\n    const prev = React.useCallback(() => {\n        return carouselController.prev(callComputedIndex);\n    }, [carouselController, callComputedIndex]);\n\n    const getCurrentIndex = React.useCallback(() => {\n        return index.value;\n    }, [index]);\n\n    const animatedListScrollHandler =\n        useAnimatedGestureHandler<PanGestureHandlerGestureEvent>(\n            {\n                onStart: (_, ctx: any) => {\n                    if (lockController.isLock()) return;\n                    ctx.startContentOffsetX = handlerOffsetX.value;\n                    ctx.currentContentOffsetX = handlerOffsetX.value;\n                    ctx.start = true;\n                },\n                onActive: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    /**\n                     * `onActive` and `onEnd` return different values of translationX！So that creates a bias！TAT\n                     * */\n                    ctx.translationX = e.translationX;\n                    if (loop) {\n                        handlerOffsetX.value =\n                            ctx.currentContentOffsetX + e.translationX;\n                        return;\n                    }\n                    handlerOffsetX.value = Math.max(\n                        Math.min(ctx.currentContentOffsetX + e.translationX, 0),\n                        -(data.length - 1) * width\n                    );\n                },\n                onEnd: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    const translationX = ctx.translationX;\n                    function _withTimingCallback(num: number) {\n                        return withTiming(num, timingConfig, (isFinished) => {\n                            if (isFinished) {\n                                ctx.start = false;\n                                lockController.unLock();\n                                runOnJS(callComputedIndex)();\n                            }\n                        });\n                    }\n\n                    if (translationX > 0) {\n                        /**\n                         * If not loop no , longer scroll when sliding to the start.\n                         * */\n                        if (!loop && handlerOffsetX.value >= 0) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value + width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n\n                    if (translationX < 0) {\n                        /**\n                         * If not loop , no longer scroll when sliding to the end.\n                         * */\n                        if (\n                            !loop &&\n                            handlerOffsetX.value <= -(data.length - 1) * width\n                        ) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n                },\n            },\n            [loop, data, lockController]\n        );\n\n    React.useImperativeHandle(ref, () => {\n        return {\n            next,\n            prev,\n            getCurrentIndex,\n        };\n    });\n\n    const Layouts = React.useMemo<React.FC<{ index: number }>>(() => {\n        switch (mode) {\n            case 'parallax':\n                return ({ index: i, children }) => (\n                    <ParallaxLayout\n                        parallaxScrollingOffset={parallaxScrollingOffset}\n                        parallaxScrollingScale={parallaxScrollingScale}\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </ParallaxLayout>\n                );\n            default:\n                return ({ index: i, children }) => (\n                    <CarouselItem\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        height={height}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </CarouselItem>\n                );\n        }\n    }, [\n        loop,\n        mode,\n        computedAnimResult,\n        height,\n        offsetX,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        width,\n    ]);\n\n    return (\n        <PanGestureHandler onHandlerStateChange={animatedListScrollHandler}>\n            <Animated.View\n                style={[\n                    // eslint-disable-next-line react-native/no-inline-styles\n                    {\n                        width,\n                        height,\n                        flexDirection: 'row',\n                        position: 'relative',\n                    },\n                    style,\n                ]}\n            >\n                {data.map((item, i) => {\n                    return (\n                        <Layouts index={i} key={i}>\n                            {renderItem(item, i)}\n                        </Layouts>\n                    );\n                })}\n            </Animated.View>\n        </PanGestureHandler>\n    );\n}\n\nexport default React.forwardRef(Carousel) as typeof Carousel;\n"]}
+{"version":3,"sources":["Carousel.tsx"],"names":["defaultTimingConfig","duration","Carousel","props","ref","height","data","_data","width","loop","mode","renderItem","autoPlay","autoPlayReverse","autoPlayInterval","parallaxScrollingOffset","parallaxScrollingScale","onSnapToItem","style","timingConfig","lockController","handlerOffsetX","React","useMemo","length","computedAnimResult","carouselController","disable","onNext","isFinished","callComputedIndex","onPrev","index","computedIndex","offsetX","x","value","WL","isNaN","i","useCallback","next","prev","getCurrentIndex","animatedListScrollHandler","onStart","_","ctx","isLock","startContentOffsetX","currentContentOffsetX","start","onActive","e","translationX","Math","max","min","onEnd","_withTimingCallback","num","unLock","lock","abs","velocityX","useImperativeHandle","Layouts","children","flexDirection","position","map","item","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewStyle } from 'react-native';\nimport {\n    PanGestureHandler,\n    PanGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n    runOnJS,\n    useAnimatedGestureHandler,\n    useAnimatedReaction,\n    useDerivedValue,\n    useSharedValue,\n    withTiming,\n} from 'react-native-reanimated';\nimport { CarouselItem } from './CarouselItem';\nimport type { TMode } from './layouts';\nimport { ParallaxLayout } from './layouts/index';\nimport { useCarouselController } from './useCarouselController';\nimport { useComputedAnim } from './useComputedAnim';\nimport { useAutoPlay } from './useAutoPlay';\nimport { useComputedIndex } from './useComputedIndex';\nimport { useLockController } from './useLock';\n\nconst defaultTimingConfig: Animated.WithTimingConfig = {\n    duration: 250,\n};\n\nexport interface ICarouselProps<T extends unknown> {\n    ref?: React.Ref<ICarouselInstance>;\n    /**\n     * Carousel loop playback.\n     * @default true\n     */\n    loop?: boolean;\n    /**\n     * Carousel Animated transitions.\n     * @default 'default'\n     */\n    mode?: TMode;\n    /**\n     * Render carousel item.\n     */\n    renderItem: (data: T, index: number) => React.ReactNode;\n    /**\n     * Specified carousel container width.\n     */\n    width: number;\n    /**\n     * Specified carousel container height.\n     * @default '100%'\n     */\n    height?: FlexStyle['height'];\n    /**\n     * Carousel items data set.\n     */\n    data: T[];\n    /**\n     * Auto play\n     */\n    autoPlay?: boolean;\n    /**\n     * Auto play\n     * @description reverse playback\n     */\n    autoPlayReverse?: boolean;\n    /**\n     * Auto play\n     * @description playback interval\n     */\n    autoPlayInterval?: number;\n    /**\n     * Carousel container style\n     */\n    style?: ViewStyle;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 100\n     */\n    parallaxScrollingOffset?: number;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 0.8\n     */\n    parallaxScrollingScale?: number;\n    /**\n     * Callback fired when navigating to an item\n     */\n    onSnapToItem?: (index: number) => void;\n    /**\n     * Timing config of translation animated\n     */\n    timingConfig?: Animated.WithTimingConfig;\n}\n\nexport interface ICarouselInstance {\n    /**\n     * Play the last one\n     */\n    prev: () => void;\n    /**\n     * Play the next one\n     */\n    next: () => void;\n    /**\n     * Get current item index\n     */\n    getCurrentIndex: () => number;\n}\n\nfunction Carousel<T extends unknown = any>(\n    props: ICarouselProps<T>,\n    ref: React.Ref<ICarouselInstance>\n) {\n    const {\n        height = '100%',\n        data: _data = [],\n        width,\n        loop = true,\n        mode = 'default',\n        renderItem,\n        autoPlay,\n        autoPlayReverse,\n        autoPlayInterval,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        onSnapToItem,\n        style,\n        timingConfig = defaultTimingConfig,\n    } = props;\n    const lockController = useLockController();\n    const handlerOffsetX = useSharedValue<number>(0);\n    const data = React.useMemo<T[]>(() => {\n        if (!loop) return _data;\n\n        if (_data.length === 1) {\n            return [_data[0], _data[0], _data[0]];\n        }\n\n        if (_data.length === 2) {\n            return [_data[0], _data[1], _data[0], _data[1]];\n        }\n\n        return _data;\n    }, [_data, loop]);\n\n    const computedAnimResult = useComputedAnim(width, data.length);\n    const carouselController = useCarouselController({\n        width,\n        handlerOffsetX,\n        lockController,\n        timingConfig,\n        disable: !data.length,\n        onNext: (isFinished) => isFinished && callComputedIndex(),\n        onPrev: (isFinished) => isFinished && callComputedIndex(),\n    });\n    useAutoPlay({\n        autoPlay,\n        autoPlayInterval,\n        autoPlayReverse,\n        carouselController,\n        lockController,\n    });\n    const { index, computedIndex } = useComputedIndex({\n        length: data.length,\n        handlerOffsetX,\n        width,\n    });\n\n    const offsetX = useDerivedValue(() => {\n        const x = handlerOffsetX.value % computedAnimResult.WL;\n        return isNaN(x) ? 0 : x;\n    }, [computedAnimResult]);\n\n    useAnimatedReaction(\n        () => index.value,\n        (i) => {\n            if (loop) {\n                switch (_data.length) {\n                    case 1:\n                        i = 0;\n                        break;\n                    case 2:\n                        i = i % 2;\n                        break;\n                }\n                onSnapToItem && runOnJS(onSnapToItem)(i);\n            }\n        },\n        [onSnapToItem, loop, _data]\n    );\n\n    const callComputedIndex = React.useCallback(\n        () => computedIndex?.(),\n        [computedIndex]\n    );\n\n    const next = React.useCallback(() => {\n        return carouselController.next();\n    }, [carouselController]);\n\n    const prev = React.useCallback(() => {\n        return carouselController.prev();\n    }, [carouselController]);\n\n    const getCurrentIndex = React.useCallback(() => {\n        return index.value;\n    }, [index]);\n\n    const animatedListScrollHandler =\n        useAnimatedGestureHandler<PanGestureHandlerGestureEvent>(\n            {\n                onStart: (_, ctx: any) => {\n                    if (lockController.isLock()) return;\n                    ctx.startContentOffsetX = handlerOffsetX.value;\n                    ctx.currentContentOffsetX = handlerOffsetX.value;\n                    ctx.start = true;\n                },\n                onActive: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    /**\n                     * `onActive` and `onEnd` return different values of translationX！So that creates a bias！TAT\n                     * */\n                    ctx.translationX = e.translationX;\n                    if (loop) {\n                        handlerOffsetX.value =\n                            ctx.currentContentOffsetX + e.translationX;\n                        return;\n                    }\n                    handlerOffsetX.value = Math.max(\n                        Math.min(ctx.currentContentOffsetX + e.translationX, 0),\n                        -(data.length - 1) * width\n                    );\n                },\n                onEnd: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    const translationX = ctx.translationX;\n                    function _withTimingCallback(num: number) {\n                        return withTiming(num, timingConfig, (isFinished) => {\n                            if (isFinished) {\n                                ctx.start = false;\n                                lockController.unLock();\n                                runOnJS(callComputedIndex)();\n                            }\n                        });\n                    }\n\n                    if (translationX > 0) {\n                        /**\n                         * If not loop no , longer scroll when sliding to the start.\n                         * */\n                        if (!loop && handlerOffsetX.value >= 0) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value + width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n\n                    if (translationX < 0) {\n                        /**\n                         * If not loop , no longer scroll when sliding to the end.\n                         * */\n                        if (\n                            !loop &&\n                            handlerOffsetX.value <= -(data.length - 1) * width\n                        ) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n                },\n            },\n            [loop, data, lockController]\n        );\n\n    React.useImperativeHandle(ref, () => {\n        return {\n            next,\n            prev,\n            getCurrentIndex,\n        };\n    });\n\n    const Layouts = React.useMemo<React.FC<{ index: number }>>(() => {\n        switch (mode) {\n            case 'parallax':\n                return ({ index: i, children }) => (\n                    <ParallaxLayout\n                        parallaxScrollingOffset={parallaxScrollingOffset}\n                        parallaxScrollingScale={parallaxScrollingScale}\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </ParallaxLayout>\n                );\n            default:\n                return ({ index: i, children }) => (\n                    <CarouselItem\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        height={height}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </CarouselItem>\n                );\n        }\n    }, [\n        loop,\n        mode,\n        computedAnimResult,\n        height,\n        offsetX,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        width,\n    ]);\n\n    return (\n        <PanGestureHandler onHandlerStateChange={animatedListScrollHandler}>\n            <Animated.View\n                style={[\n                    // eslint-disable-next-line react-native/no-inline-styles\n                    {\n                        width,\n                        height,\n                        flexDirection: 'row',\n                        position: 'relative',\n                    },\n                    style,\n                ]}\n            >\n                {data.map((item, i) => {\n                    return (\n                        <Layouts index={i} key={i}>\n                            {renderItem(item, i)}\n                        </Layouts>\n                    );\n                })}\n            </Animated.View>\n        </PanGestureHandler>\n    );\n}\n\nexport default React.forwardRef(Carousel) as typeof Carousel;\n"]}

package/lib/commonjs/useCarouselController.js

@@ -17,7 +17,9 @@ function useCarouselController(opts) {
     handlerOffsetX,
     timingConfig,
     lockController,
-    disable = false
+    disable = false,
+    onPrev,
+    onNext
   } = opts;
 
   const closeLock = _react.default.useCallback(isFinished => {
@@ -26,25 +28,25 @@ function useCarouselController(opts) {
     }
   }, [lockController]);
 
-  const next = _react.default.useCallback(callback => {
+  const next = _react.default.useCallback(() => {
     if (disable) return;
     if (lockController.isLock()) return;
     lockController.lock();
     handlerOffsetX.value = (0, _reactNativeReanimated.withTiming)(handlerOffsetX.value - width, timingConfig, isFinished => {
-      !!callback && (0, _reactNativeReanimated.runOnJS)(callback)(isFinished);
+      !!onNext && (0, _reactNativeReanimated.runOnJS)(onNext)(isFinished);
       (0, _reactNativeReanimated.runOnJS)(closeLock)(isFinished);
     });
-  }, [width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
+  }, [onNext, width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
 
-  const prev = _react.default.useCallback(callback => {
+  const prev = _react.default.useCallback(() => {
     if (disable) return;
     if (lockController.isLock()) return;
     lockController.lock();
     handlerOffsetX.value = (0, _reactNativeReanimated.withTiming)(handlerOffsetX.value + width, timingConfig, isFinished => {
-      !!callback && (0, _reactNativeReanimated.runOnJS)(callback)(isFinished);
+      !!onPrev && (0, _reactNativeReanimated.runOnJS)(onPrev)(isFinished);
       (0, _reactNativeReanimated.runOnJS)(closeLock)(isFinished);
     });
-  }, [width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
+  }, [onPrev, width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
 
   return {
     next,

package/lib/commonjs/useCarouselController.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCarouselController.tsx"],"names":["useCarouselController","opts","width","handlerOffsetX","timingConfig","lockController","disable","closeLock","React","useCallback","isFinished","unLock","next","callback","isLock","lock","value","prev"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAgBO,SAASA,qBAAT,CAA+BC,IAA/B,EAAiE;AACpE,QAAM;AACFC,IAAAA,KADE;AAEFC,IAAAA,cAFE;AAGFC,IAAAA,YAHE;AAIFC,IAAAA,cAJE;AAKFC,IAAAA,OAAO,GAAG;AALR,MAMFL,IANJ;;AAQA,QAAMM,SAAS,GAAGC,eAAMC,WAAN,CACbC,UAAD,IAAyB;AACrB,QAAIA,UAAJ,EAAgB;AACZL,MAAAA,cAAc,CAACM,MAAf;AACH;AACJ,GALa,EAMd,CAACN,cAAD,CANc,CAAlB;;AASA,QAAMO,IAAI,GAAGJ,eAAMC,WAAN,CACRI,QAAD,IAA8C;AAC1C,QAAIP,OAAJ,EAAa;AACb,QAAID,cAAc,CAACS,MAAf,EAAJ,EAA6B;AAC7BT,IAAAA,cAAc,CAACU,IAAf;AACAZ,IAAAA,cAAc,CAACa,KAAf,GAAuB,uCACnBb,cAAc,CAACa,KAAf,GAAuBd,KADJ,EAEnBE,YAFmB,EAGlBM,UAAD,IAAyB;AACrB,OAAC,CAACG,QAAF,IAAc,oCAAQA,QAAR,EAAkBH,UAAlB,CAAd;AACA,0CAAQH,SAAR,EAAmBG,UAAnB;AACH,KANkB,CAAvB;AAQH,GAbQ,EAcT,CACIR,KADJ,EAEIG,cAFJ,EAGID,YAHJ,EAIIG,SAJJ,EAKIJ,cALJ,EAMIG,OANJ,CAdS,CAAb;;AAwBA,QAAMW,IAAI,GAAGT,eAAMC,WAAN,CACRI,QAAD,IAA8C;AAC1C,QAAIP,OAAJ,EAAa;AACb,QAAID,cAAc,CAACS,MAAf,EAAJ,EAA6B;AAC7BT,IAAAA,cAAc,CAACU,IAAf;AACAZ,IAAAA,cAAc,CAACa,KAAf,GAAuB,uCACnBb,cAAc,CAACa,KAAf,GAAuBd,KADJ,EAEnBE,YAFmB,EAGlBM,UAAD,IAAyB;AACrB,OAAC,CAACG,QAAF,IAAc,oCAAQA,QAAR,EAAkBH,UAAlB,CAAd;AACA,0CAAQH,SAAR,EAAmBG,UAAnB;AACH,KANkB,CAAvB;AAQH,GAbQ,EAcT,CACIR,KADJ,EAEIG,cAFJ,EAGID,YAHJ,EAIIG,SAJJ,EAKIJ,cALJ,EAMIG,OANJ,CAdS,CAAb;;AAwBA,SAAO;AACHM,IAAAA,IADG;AAEHK,IAAAA;AAFG,GAAP;AAIH","sourcesContent":["import React from 'react';\nimport type Animated from 'react-native-reanimated';\nimport { runOnJS, withTiming } from 'react-native-reanimated';\nimport type { ILockController } from './useLock';\n\ninterface IOpts {\n    width: number;\n    handlerOffsetX: Animated.SharedValue<number>;\n    lockController: ILockController;\n    timingConfig: Animated.WithTimingConfig;\n    disable?: boolean;\n}\n\nexport interface ICarouselController {\n    prev: (callback?: (isFinished: boolean) => void) => void;\n    next: (callback?: (isFinished: boolean) => void) => void;\n}\n\nexport function useCarouselController(opts: IOpts): ICarouselController {\n    const {\n        width,\n        handlerOffsetX,\n        timingConfig,\n        lockController,\n        disable = false,\n    } = opts;\n\n    const closeLock = React.useCallback(\n        (isFinished: boolean) => {\n            if (isFinished) {\n                lockController.unLock();\n            }\n        },\n        [lockController]\n    );\n\n    const next = React.useCallback(\n        (callback?: (isFinished: boolean) => void) => {\n            if (disable) return;\n            if (lockController.isLock()) return;\n            lockController.lock();\n            handlerOffsetX.value = withTiming(\n                handlerOffsetX.value - width,\n                timingConfig,\n                (isFinished: boolean) => {\n                    !!callback && runOnJS(callback)(isFinished);\n                    runOnJS(closeLock)(isFinished);\n                }\n            );\n        },\n        [\n            width,\n            lockController,\n            timingConfig,\n            closeLock,\n            handlerOffsetX,\n            disable,\n        ]\n    );\n\n    const prev = React.useCallback(\n        (callback?: (isFinished: boolean) => void) => {\n            if (disable) return;\n            if (lockController.isLock()) return;\n            lockController.lock();\n            handlerOffsetX.value = withTiming(\n                handlerOffsetX.value + width,\n                timingConfig,\n                (isFinished: boolean) => {\n                    !!callback && runOnJS(callback)(isFinished);\n                    runOnJS(closeLock)(isFinished);\n                }\n            );\n        },\n        [\n            width,\n            lockController,\n            timingConfig,\n            closeLock,\n            handlerOffsetX,\n            disable,\n        ]\n    );\n\n    return {\n        next,\n        prev,\n    };\n}\n"]}
+{"version":3,"sources":["useCarouselController.tsx"],"names":["useCarouselController","opts","width","handlerOffsetX","timingConfig","lockController","disable","onPrev","onNext","closeLock","React","useCallback","isFinished","unLock","next","isLock","lock","value","prev"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAkBO,SAASA,qBAAT,CAA+BC,IAA/B,EAAiE;AACpE,QAAM;AACFC,IAAAA,KADE;AAEFC,IAAAA,cAFE;AAGFC,IAAAA,YAHE;AAIFC,IAAAA,cAJE;AAKFC,IAAAA,OAAO,GAAG,KALR;AAMFC,IAAAA,MANE;AAOFC,IAAAA;AAPE,MAQFP,IARJ;;AAUA,QAAMQ,SAAS,GAAGC,eAAMC,WAAN,CACbC,UAAD,IAAyB;AACrB,QAAIA,UAAJ,EAAgB;AACZP,MAAAA,cAAc,CAACQ,MAAf;AACH;AACJ,GALa,EAMd,CAACR,cAAD,CANc,CAAlB;;AASA,QAAMS,IAAI,GAAGJ,eAAMC,WAAN,CAAkB,MAAM;AACjC,QAAIL,OAAJ,EAAa;AACb,QAAID,cAAc,CAACU,MAAf,EAAJ,EAA6B;AAC7BV,IAAAA,cAAc,CAACW,IAAf;AACAb,IAAAA,cAAc,CAACc,KAAf,GAAuB,uCACnBd,cAAc,CAACc,KAAf,GAAuBf,KADJ,EAEnBE,YAFmB,EAGlBQ,UAAD,IAAyB;AACrB,OAAC,CAACJ,MAAF,IAAY,oCAAQA,MAAR,EAAgBI,UAAhB,CAAZ;AACA,0CAAQH,SAAR,EAAmBG,UAAnB;AACH,KANkB,CAAvB;AAQH,GAZY,EAYV,CACCJ,MADD,EAECN,KAFD,EAGCG,cAHD,EAICD,YAJD,EAKCK,SALD,EAMCN,cAND,EAOCG,OAPD,CAZU,CAAb;;AAsBA,QAAMY,IAAI,GAAGR,eAAMC,WAAN,CAAkB,MAAM;AACjC,QAAIL,OAAJ,EAAa;AACb,QAAID,cAAc,CAACU,MAAf,EAAJ,EAA6B;AAC7BV,IAAAA,cAAc,CAACW,IAAf;AACAb,IAAAA,cAAc,CAACc,KAAf,GAAuB,uCACnBd,cAAc,CAACc,KAAf,GAAuBf,KADJ,EAEnBE,YAFmB,EAGlBQ,UAAD,IAAyB;AACrB,OAAC,CAACL,MAAF,IAAY,oCAAQA,MAAR,EAAgBK,UAAhB,CAAZ;AACA,0CAAQH,SAAR,EAAmBG,UAAnB;AACH,KANkB,CAAvB;AAQH,GAZY,EAYV,CACCL,MADD,EAECL,KAFD,EAGCG,cAHD,EAICD,YAJD,EAKCK,SALD,EAMCN,cAND,EAOCG,OAPD,CAZU,CAAb;;AAsBA,SAAO;AACHQ,IAAAA,IADG;AAEHI,IAAAA;AAFG,GAAP;AAIH","sourcesContent":["import React from 'react';\nimport type Animated from 'react-native-reanimated';\nimport { runOnJS, withTiming } from 'react-native-reanimated';\nimport type { ILockController } from './useLock';\n\ninterface IOpts {\n    width: number;\n    handlerOffsetX: Animated.SharedValue<number>;\n    lockController: ILockController;\n    timingConfig: Animated.WithTimingConfig;\n    disable?: boolean;\n    onPrev?: (isFinished: boolean) => void;\n    onNext?: (isFinished: boolean) => void;\n}\n\nexport interface ICarouselController {\n    prev: () => void;\n    next: () => void;\n}\n\nexport function useCarouselController(opts: IOpts): ICarouselController {\n    const {\n        width,\n        handlerOffsetX,\n        timingConfig,\n        lockController,\n        disable = false,\n        onPrev,\n        onNext,\n    } = opts;\n\n    const closeLock = React.useCallback(\n        (isFinished: boolean) => {\n            if (isFinished) {\n                lockController.unLock();\n            }\n        },\n        [lockController]\n    );\n\n    const next = React.useCallback(() => {\n        if (disable) return;\n        if (lockController.isLock()) return;\n        lockController.lock();\n        handlerOffsetX.value = withTiming(\n            handlerOffsetX.value - width,\n            timingConfig,\n            (isFinished: boolean) => {\n                !!onNext && runOnJS(onNext)(isFinished);\n                runOnJS(closeLock)(isFinished);\n            }\n        );\n    }, [\n        onNext,\n        width,\n        lockController,\n        timingConfig,\n        closeLock,\n        handlerOffsetX,\n        disable,\n    ]);\n\n    const prev = React.useCallback(() => {\n        if (disable) return;\n        if (lockController.isLock()) return;\n        lockController.lock();\n        handlerOffsetX.value = withTiming(\n            handlerOffsetX.value + width,\n            timingConfig,\n            (isFinished: boolean) => {\n                !!onPrev && runOnJS(onPrev)(isFinished);\n                runOnJS(closeLock)(isFinished);\n            }\n        );\n    }, [\n        onPrev,\n        width,\n        lockController,\n        timingConfig,\n        closeLock,\n        handlerOffsetX,\n        disable,\n    ]);\n\n    return {\n        next,\n        prev,\n    };\n}\n"]}

package/lib/module/Carousel.js

@@ -50,7 +50,9 @@ function Carousel(props, ref) {
     handlerOffsetX,
     lockController,
     timingConfig,
-    disable: !data.length
+    disable: !data.length,
+    onNext: isFinished => isFinished && callComputedIndex(),
+    onPrev: isFinished => isFinished && callComputedIndex()
   });
   useAutoPlay({
     autoPlay,
@@ -88,11 +90,11 @@ function Carousel(props, ref) {
   }, [onSnapToItem, loop, _data]);
   const callComputedIndex = React.useCallback(() => computedIndex === null || computedIndex === void 0 ? void 0 : computedIndex(), [computedIndex]);
   const next = React.useCallback(() => {
-    return carouselController.next(callComputedIndex);
-  }, [carouselController, callComputedIndex]);
+    return carouselController.next();
+  }, [carouselController]);
   const prev = React.useCallback(() => {
-    return carouselController.prev(callComputedIndex);
-  }, [carouselController, callComputedIndex]);
+    return carouselController.prev();
+  }, [carouselController]);
   const getCurrentIndex = React.useCallback(() => {
     return index.value;
   }, [index]);

package/lib/module/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.tsx"],"names":["React","PanGestureHandler","Animated","runOnJS","useAnimatedGestureHandler","useAnimatedReaction","useDerivedValue","useSharedValue","withTiming","CarouselItem","ParallaxLayout","useCarouselController","useComputedAnim","useAutoPlay","useComputedIndex","useLockController","defaultTimingConfig","duration","Carousel","props","ref","height","data","_data","width","loop","mode","renderItem","autoPlay","autoPlayReverse","autoPlayInterval","parallaxScrollingOffset","parallaxScrollingScale","onSnapToItem","style","timingConfig","lockController","handlerOffsetX","useMemo","length","computedAnimResult","carouselController","disable","index","computedIndex","offsetX","x","value","WL","isNaN","i","callComputedIndex","useCallback","next","prev","getCurrentIndex","animatedListScrollHandler","onStart","_","ctx","isLock","startContentOffsetX","currentContentOffsetX","start","onActive","e","translationX","Math","max","min","onEnd","_withTimingCallback","num","isFinished","unLock","lock","abs","velocityX","useImperativeHandle","Layouts","children","flexDirection","position","map","item","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewStyle } from 'react-native';\nimport {\n    PanGestureHandler,\n    PanGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n    runOnJS,\n    useAnimatedGestureHandler,\n    useAnimatedReaction,\n    useDerivedValue,\n    useSharedValue,\n    withTiming,\n} from 'react-native-reanimated';\nimport { CarouselItem } from './CarouselItem';\nimport type { TMode } from './layouts';\nimport { ParallaxLayout } from './layouts/index';\nimport { useCarouselController } from './useCarouselController';\nimport { useComputedAnim } from './useComputedAnim';\nimport { useAutoPlay } from './useAutoPlay';\nimport { useComputedIndex } from './useComputedIndex';\nimport { useLockController } from './useLock';\n\nconst defaultTimingConfig: Animated.WithTimingConfig = {\n    duration: 250,\n};\n\nexport interface ICarouselProps<T extends unknown> {\n    ref?: React.Ref<ICarouselInstance>;\n    /**\n     * Carousel loop playback.\n     * @default true\n     */\n    loop?: boolean;\n    /**\n     * Carousel Animated transitions.\n     * @default 'default'\n     */\n    mode?: TMode;\n    /**\n     * Render carousel item.\n     */\n    renderItem: (data: T, index: number) => React.ReactNode;\n    /**\n     * Specified carousel container width.\n     */\n    width: number;\n    /**\n     * Specified carousel container height.\n     * @default '100%'\n     */\n    height?: FlexStyle['height'];\n    /**\n     * Carousel items data set.\n     */\n    data: T[];\n    /**\n     * Auto play\n     */\n    autoPlay?: boolean;\n    /**\n     * Auto play\n     * @description reverse playback\n     */\n    autoPlayReverse?: boolean;\n    /**\n     * Auto play\n     * @description playback interval\n     */\n    autoPlayInterval?: number;\n    /**\n     * Carousel container style\n     */\n    style?: ViewStyle;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 100\n     */\n    parallaxScrollingOffset?: number;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 0.8\n     */\n    parallaxScrollingScale?: number;\n    /**\n     * Callback fired when navigating to an item\n     */\n    onSnapToItem?: (index: number) => void;\n    /**\n     * Timing config of translation animated\n     */\n    timingConfig?: Animated.WithTimingConfig;\n}\n\nexport interface ICarouselInstance {\n    /**\n     * Play the last one\n     */\n    prev: () => void;\n    /**\n     * Play the next one\n     */\n    next: () => void;\n    /**\n     * Get current item index\n     */\n    getCurrentIndex: () => number;\n}\n\nfunction Carousel<T extends unknown = any>(\n    props: ICarouselProps<T>,\n    ref: React.Ref<ICarouselInstance>\n) {\n    const {\n        height = '100%',\n        data: _data = [],\n        width,\n        loop = true,\n        mode = 'default',\n        renderItem,\n        autoPlay,\n        autoPlayReverse,\n        autoPlayInterval,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        onSnapToItem,\n        style,\n        timingConfig = defaultTimingConfig,\n    } = props;\n    const lockController = useLockController();\n    const handlerOffsetX = useSharedValue<number>(0);\n    const data = React.useMemo<T[]>(() => {\n        if (!loop) return _data;\n\n        if (_data.length === 1) {\n            return [_data[0], _data[0], _data[0]];\n        }\n\n        if (_data.length === 2) {\n            return [_data[0], _data[1], _data[0], _data[1]];\n        }\n\n        return _data;\n    }, [_data, loop]);\n\n    const computedAnimResult = useComputedAnim(width, data.length);\n    const carouselController = useCarouselController({\n        width,\n        handlerOffsetX,\n        lockController,\n        timingConfig,\n        disable: !data.length,\n    });\n    useAutoPlay({\n        autoPlay,\n        autoPlayInterval,\n        autoPlayReverse,\n        carouselController,\n        lockController,\n    });\n    const { index, computedIndex } = useComputedIndex({\n        length: data.length,\n        handlerOffsetX,\n        width,\n    });\n\n    const offsetX = useDerivedValue(() => {\n        const x = handlerOffsetX.value % computedAnimResult.WL;\n        return isNaN(x) ? 0 : x;\n    }, [computedAnimResult]);\n\n    useAnimatedReaction(\n        () => index.value,\n        (i) => {\n            if (loop) {\n                switch (_data.length) {\n                    case 1:\n                        i = 0;\n                        break;\n                    case 2:\n                        i = i % 2;\n                        break;\n                }\n                onSnapToItem && runOnJS(onSnapToItem)(i);\n            }\n        },\n        [onSnapToItem, loop, _data]\n    );\n\n    const callComputedIndex = React.useCallback(\n        () => computedIndex?.(),\n        [computedIndex]\n    );\n\n    const next = React.useCallback(() => {\n        return carouselController.next(callComputedIndex);\n    }, [carouselController, callComputedIndex]);\n\n    const prev = React.useCallback(() => {\n        return carouselController.prev(callComputedIndex);\n    }, [carouselController, callComputedIndex]);\n\n    const getCurrentIndex = React.useCallback(() => {\n        return index.value;\n    }, [index]);\n\n    const animatedListScrollHandler =\n        useAnimatedGestureHandler<PanGestureHandlerGestureEvent>(\n            {\n                onStart: (_, ctx: any) => {\n                    if (lockController.isLock()) return;\n                    ctx.startContentOffsetX = handlerOffsetX.value;\n                    ctx.currentContentOffsetX = handlerOffsetX.value;\n                    ctx.start = true;\n                },\n                onActive: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    /**\n                     * `onActive` and `onEnd` return different values of translationX！So that creates a bias！TAT\n                     * */\n                    ctx.translationX = e.translationX;\n                    if (loop) {\n                        handlerOffsetX.value =\n                            ctx.currentContentOffsetX + e.translationX;\n                        return;\n                    }\n                    handlerOffsetX.value = Math.max(\n                        Math.min(ctx.currentContentOffsetX + e.translationX, 0),\n                        -(data.length - 1) * width\n                    );\n                },\n                onEnd: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    const translationX = ctx.translationX;\n                    function _withTimingCallback(num: number) {\n                        return withTiming(num, timingConfig, (isFinished) => {\n                            if (isFinished) {\n                                ctx.start = false;\n                                lockController.unLock();\n                                runOnJS(callComputedIndex)();\n                            }\n                        });\n                    }\n\n                    if (translationX > 0) {\n                        /**\n                         * If not loop no , longer scroll when sliding to the start.\n                         * */\n                        if (!loop && handlerOffsetX.value >= 0) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value + width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n\n                    if (translationX < 0) {\n                        /**\n                         * If not loop , no longer scroll when sliding to the end.\n                         * */\n                        if (\n                            !loop &&\n                            handlerOffsetX.value <= -(data.length - 1) * width\n                        ) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n                },\n            },\n            [loop, data, lockController]\n        );\n\n    React.useImperativeHandle(ref, () => {\n        return {\n            next,\n            prev,\n            getCurrentIndex,\n        };\n    });\n\n    const Layouts = React.useMemo<React.FC<{ index: number }>>(() => {\n        switch (mode) {\n            case 'parallax':\n                return ({ index: i, children }) => (\n                    <ParallaxLayout\n                        parallaxScrollingOffset={parallaxScrollingOffset}\n                        parallaxScrollingScale={parallaxScrollingScale}\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </ParallaxLayout>\n                );\n            default:\n                return ({ index: i, children }) => (\n                    <CarouselItem\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        height={height}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </CarouselItem>\n                );\n        }\n    }, [\n        loop,\n        mode,\n        computedAnimResult,\n        height,\n        offsetX,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        width,\n    ]);\n\n    return (\n        <PanGestureHandler onHandlerStateChange={animatedListScrollHandler}>\n            <Animated.View\n                style={[\n                    // eslint-disable-next-line react-native/no-inline-styles\n                    {\n                        width,\n                        height,\n                        flexDirection: 'row',\n                        position: 'relative',\n                    },\n                    style,\n                ]}\n            >\n                {data.map((item, i) => {\n                    return (\n                        <Layouts index={i} key={i}>\n                            {renderItem(item, i)}\n                        </Layouts>\n                    );\n                })}\n            </Animated.View>\n        </PanGestureHandler>\n    );\n}\n\nexport default React.forwardRef(Carousel) as typeof Carousel;\n"]}
+{"version":3,"sources":["Carousel.tsx"],"names":["React","PanGestureHandler","Animated","runOnJS","useAnimatedGestureHandler","useAnimatedReaction","useDerivedValue","useSharedValue","withTiming","CarouselItem","ParallaxLayout","useCarouselController","useComputedAnim","useAutoPlay","useComputedIndex","useLockController","defaultTimingConfig","duration","Carousel","props","ref","height","data","_data","width","loop","mode","renderItem","autoPlay","autoPlayReverse","autoPlayInterval","parallaxScrollingOffset","parallaxScrollingScale","onSnapToItem","style","timingConfig","lockController","handlerOffsetX","useMemo","length","computedAnimResult","carouselController","disable","onNext","isFinished","callComputedIndex","onPrev","index","computedIndex","offsetX","x","value","WL","isNaN","i","useCallback","next","prev","getCurrentIndex","animatedListScrollHandler","onStart","_","ctx","isLock","startContentOffsetX","currentContentOffsetX","start","onActive","e","translationX","Math","max","min","onEnd","_withTimingCallback","num","unLock","lock","abs","velocityX","useImperativeHandle","Layouts","children","flexDirection","position","map","item","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewStyle } from 'react-native';\nimport {\n    PanGestureHandler,\n    PanGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n    runOnJS,\n    useAnimatedGestureHandler,\n    useAnimatedReaction,\n    useDerivedValue,\n    useSharedValue,\n    withTiming,\n} from 'react-native-reanimated';\nimport { CarouselItem } from './CarouselItem';\nimport type { TMode } from './layouts';\nimport { ParallaxLayout } from './layouts/index';\nimport { useCarouselController } from './useCarouselController';\nimport { useComputedAnim } from './useComputedAnim';\nimport { useAutoPlay } from './useAutoPlay';\nimport { useComputedIndex } from './useComputedIndex';\nimport { useLockController } from './useLock';\n\nconst defaultTimingConfig: Animated.WithTimingConfig = {\n    duration: 250,\n};\n\nexport interface ICarouselProps<T extends unknown> {\n    ref?: React.Ref<ICarouselInstance>;\n    /**\n     * Carousel loop playback.\n     * @default true\n     */\n    loop?: boolean;\n    /**\n     * Carousel Animated transitions.\n     * @default 'default'\n     */\n    mode?: TMode;\n    /**\n     * Render carousel item.\n     */\n    renderItem: (data: T, index: number) => React.ReactNode;\n    /**\n     * Specified carousel container width.\n     */\n    width: number;\n    /**\n     * Specified carousel container height.\n     * @default '100%'\n     */\n    height?: FlexStyle['height'];\n    /**\n     * Carousel items data set.\n     */\n    data: T[];\n    /**\n     * Auto play\n     */\n    autoPlay?: boolean;\n    /**\n     * Auto play\n     * @description reverse playback\n     */\n    autoPlayReverse?: boolean;\n    /**\n     * Auto play\n     * @description playback interval\n     */\n    autoPlayInterval?: number;\n    /**\n     * Carousel container style\n     */\n    style?: ViewStyle;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 100\n     */\n    parallaxScrollingOffset?: number;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 0.8\n     */\n    parallaxScrollingScale?: number;\n    /**\n     * Callback fired when navigating to an item\n     */\n    onSnapToItem?: (index: number) => void;\n    /**\n     * Timing config of translation animated\n     */\n    timingConfig?: Animated.WithTimingConfig;\n}\n\nexport interface ICarouselInstance {\n    /**\n     * Play the last one\n     */\n    prev: () => void;\n    /**\n     * Play the next one\n     */\n    next: () => void;\n    /**\n     * Get current item index\n     */\n    getCurrentIndex: () => number;\n}\n\nfunction Carousel<T extends unknown = any>(\n    props: ICarouselProps<T>,\n    ref: React.Ref<ICarouselInstance>\n) {\n    const {\n        height = '100%',\n        data: _data = [],\n        width,\n        loop = true,\n        mode = 'default',\n        renderItem,\n        autoPlay,\n        autoPlayReverse,\n        autoPlayInterval,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        onSnapToItem,\n        style,\n        timingConfig = defaultTimingConfig,\n    } = props;\n    const lockController = useLockController();\n    const handlerOffsetX = useSharedValue<number>(0);\n    const data = React.useMemo<T[]>(() => {\n        if (!loop) return _data;\n\n        if (_data.length === 1) {\n            return [_data[0], _data[0], _data[0]];\n        }\n\n        if (_data.length === 2) {\n            return [_data[0], _data[1], _data[0], _data[1]];\n        }\n\n        return _data;\n    }, [_data, loop]);\n\n    const computedAnimResult = useComputedAnim(width, data.length);\n    const carouselController = useCarouselController({\n        width,\n        handlerOffsetX,\n        lockController,\n        timingConfig,\n        disable: !data.length,\n        onNext: (isFinished) => isFinished && callComputedIndex(),\n        onPrev: (isFinished) => isFinished && callComputedIndex(),\n    });\n    useAutoPlay({\n        autoPlay,\n        autoPlayInterval,\n        autoPlayReverse,\n        carouselController,\n        lockController,\n    });\n    const { index, computedIndex } = useComputedIndex({\n        length: data.length,\n        handlerOffsetX,\n        width,\n    });\n\n    const offsetX = useDerivedValue(() => {\n        const x = handlerOffsetX.value % computedAnimResult.WL;\n        return isNaN(x) ? 0 : x;\n    }, [computedAnimResult]);\n\n    useAnimatedReaction(\n        () => index.value,\n        (i) => {\n            if (loop) {\n                switch (_data.length) {\n                    case 1:\n                        i = 0;\n                        break;\n                    case 2:\n                        i = i % 2;\n                        break;\n                }\n                onSnapToItem && runOnJS(onSnapToItem)(i);\n            }\n        },\n        [onSnapToItem, loop, _data]\n    );\n\n    const callComputedIndex = React.useCallback(\n        () => computedIndex?.(),\n        [computedIndex]\n    );\n\n    const next = React.useCallback(() => {\n        return carouselController.next();\n    }, [carouselController]);\n\n    const prev = React.useCallback(() => {\n        return carouselController.prev();\n    }, [carouselController]);\n\n    const getCurrentIndex = React.useCallback(() => {\n        return index.value;\n    }, [index]);\n\n    const animatedListScrollHandler =\n        useAnimatedGestureHandler<PanGestureHandlerGestureEvent>(\n            {\n                onStart: (_, ctx: any) => {\n                    if (lockController.isLock()) return;\n                    ctx.startContentOffsetX = handlerOffsetX.value;\n                    ctx.currentContentOffsetX = handlerOffsetX.value;\n                    ctx.start = true;\n                },\n                onActive: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    /**\n                     * `onActive` and `onEnd` return different values of translationX！So that creates a bias！TAT\n                     * */\n                    ctx.translationX = e.translationX;\n                    if (loop) {\n                        handlerOffsetX.value =\n                            ctx.currentContentOffsetX + e.translationX;\n                        return;\n                    }\n                    handlerOffsetX.value = Math.max(\n                        Math.min(ctx.currentContentOffsetX + e.translationX, 0),\n                        -(data.length - 1) * width\n                    );\n                },\n                onEnd: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    const translationX = ctx.translationX;\n                    function _withTimingCallback(num: number) {\n                        return withTiming(num, timingConfig, (isFinished) => {\n                            if (isFinished) {\n                                ctx.start = false;\n                                lockController.unLock();\n                                runOnJS(callComputedIndex)();\n                            }\n                        });\n                    }\n\n                    if (translationX > 0) {\n                        /**\n                         * If not loop no , longer scroll when sliding to the start.\n                         * */\n                        if (!loop && handlerOffsetX.value >= 0) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value + width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n\n                    if (translationX < 0) {\n                        /**\n                         * If not loop , no longer scroll when sliding to the end.\n                         * */\n                        if (\n                            !loop &&\n                            handlerOffsetX.value <= -(data.length - 1) * width\n                        ) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n                },\n            },\n            [loop, data, lockController]\n        );\n\n    React.useImperativeHandle(ref, () => {\n        return {\n            next,\n            prev,\n            getCurrentIndex,\n        };\n    });\n\n    const Layouts = React.useMemo<React.FC<{ index: number }>>(() => {\n        switch (mode) {\n            case 'parallax':\n                return ({ index: i, children }) => (\n                    <ParallaxLayout\n                        parallaxScrollingOffset={parallaxScrollingOffset}\n                        parallaxScrollingScale={parallaxScrollingScale}\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </ParallaxLayout>\n                );\n            default:\n                return ({ index: i, children }) => (\n                    <CarouselItem\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        height={height}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </CarouselItem>\n                );\n        }\n    }, [\n        loop,\n        mode,\n        computedAnimResult,\n        height,\n        offsetX,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        width,\n    ]);\n\n    return (\n        <PanGestureHandler onHandlerStateChange={animatedListScrollHandler}>\n            <Animated.View\n                style={[\n                    // eslint-disable-next-line react-native/no-inline-styles\n                    {\n                        width,\n                        height,\n                        flexDirection: 'row',\n                        position: 'relative',\n                    },\n                    style,\n                ]}\n            >\n                {data.map((item, i) => {\n                    return (\n                        <Layouts index={i} key={i}>\n                            {renderItem(item, i)}\n                        </Layouts>\n                    );\n                })}\n            </Animated.View>\n        </PanGestureHandler>\n    );\n}\n\nexport default React.forwardRef(Carousel) as typeof Carousel;\n"]}

package/lib/module/useCarouselController.js

@@ -6,31 +6,33 @@ export function useCarouselController(opts) {
     handlerOffsetX,
     timingConfig,
     lockController,
-    disable = false
+    disable = false,
+    onPrev,
+    onNext
   } = opts;
   const closeLock = React.useCallback(isFinished => {
     if (isFinished) {
       lockController.unLock();
     }
   }, [lockController]);
-  const next = React.useCallback(callback => {
+  const next = React.useCallback(() => {
     if (disable) return;
     if (lockController.isLock()) return;
     lockController.lock();
     handlerOffsetX.value = withTiming(handlerOffsetX.value - width, timingConfig, isFinished => {
-      !!callback && runOnJS(callback)(isFinished);
+      !!onNext && runOnJS(onNext)(isFinished);
       runOnJS(closeLock)(isFinished);
     });
-  }, [width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
-  const prev = React.useCallback(callback => {
+  }, [onNext, width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
+  const prev = React.useCallback(() => {
     if (disable) return;
     if (lockController.isLock()) return;
     lockController.lock();
     handlerOffsetX.value = withTiming(handlerOffsetX.value + width, timingConfig, isFinished => {
-      !!callback && runOnJS(callback)(isFinished);
+      !!onPrev && runOnJS(onPrev)(isFinished);
       runOnJS(closeLock)(isFinished);
     });
-  }, [width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
+  }, [onPrev, width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
   return {
     next,
     prev

package/lib/module/useCarouselController.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCarouselController.tsx"],"names":["React","runOnJS","withTiming","useCarouselController","opts","width","handlerOffsetX","timingConfig","lockController","disable","closeLock","useCallback","isFinished","unLock","next","callback","isLock","lock","value","prev"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,OAAT,EAAkBC,UAAlB,QAAoC,yBAApC;AAgBA,OAAO,SAASC,qBAAT,CAA+BC,IAA/B,EAAiE;AACpE,QAAM;AACFC,IAAAA,KADE;AAEFC,IAAAA,cAFE;AAGFC,IAAAA,YAHE;AAIFC,IAAAA,cAJE;AAKFC,IAAAA,OAAO,GAAG;AALR,MAMFL,IANJ;AAQA,QAAMM,SAAS,GAAGV,KAAK,CAACW,WAAN,CACbC,UAAD,IAAyB;AACrB,QAAIA,UAAJ,EAAgB;AACZJ,MAAAA,cAAc,CAACK,MAAf;AACH;AACJ,GALa,EAMd,CAACL,cAAD,CANc,CAAlB;AASA,QAAMM,IAAI,GAAGd,KAAK,CAACW,WAAN,CACRI,QAAD,IAA8C;AAC1C,QAAIN,OAAJ,EAAa;AACb,QAAID,cAAc,CAACQ,MAAf,EAAJ,EAA6B;AAC7BR,IAAAA,cAAc,CAACS,IAAf;AACAX,IAAAA,cAAc,CAACY,KAAf,GAAuBhB,UAAU,CAC7BI,cAAc,CAACY,KAAf,GAAuBb,KADM,EAE7BE,YAF6B,EAG5BK,UAAD,IAAyB;AACrB,OAAC,CAACG,QAAF,IAAcd,OAAO,CAACc,QAAD,CAAP,CAAkBH,UAAlB,CAAd;AACAX,MAAAA,OAAO,CAACS,SAAD,CAAP,CAAmBE,UAAnB;AACH,KAN4B,CAAjC;AAQH,GAbQ,EAcT,CACIP,KADJ,EAEIG,cAFJ,EAGID,YAHJ,EAIIG,SAJJ,EAKIJ,cALJ,EAMIG,OANJ,CAdS,CAAb;AAwBA,QAAMU,IAAI,GAAGnB,KAAK,CAACW,WAAN,CACRI,QAAD,IAA8C;AAC1C,QAAIN,OAAJ,EAAa;AACb,QAAID,cAAc,CAACQ,MAAf,EAAJ,EAA6B;AAC7BR,IAAAA,cAAc,CAACS,IAAf;AACAX,IAAAA,cAAc,CAACY,KAAf,GAAuBhB,UAAU,CAC7BI,cAAc,CAACY,KAAf,GAAuBb,KADM,EAE7BE,YAF6B,EAG5BK,UAAD,IAAyB;AACrB,OAAC,CAACG,QAAF,IAAcd,OAAO,CAACc,QAAD,CAAP,CAAkBH,UAAlB,CAAd;AACAX,MAAAA,OAAO,CAACS,SAAD,CAAP,CAAmBE,UAAnB;AACH,KAN4B,CAAjC;AAQH,GAbQ,EAcT,CACIP,KADJ,EAEIG,cAFJ,EAGID,YAHJ,EAIIG,SAJJ,EAKIJ,cALJ,EAMIG,OANJ,CAdS,CAAb;AAwBA,SAAO;AACHK,IAAAA,IADG;AAEHK,IAAAA;AAFG,GAAP;AAIH","sourcesContent":["import React from 'react';\nimport type Animated from 'react-native-reanimated';\nimport { runOnJS, withTiming } from 'react-native-reanimated';\nimport type { ILockController } from './useLock';\n\ninterface IOpts {\n    width: number;\n    handlerOffsetX: Animated.SharedValue<number>;\n    lockController: ILockController;\n    timingConfig: Animated.WithTimingConfig;\n    disable?: boolean;\n}\n\nexport interface ICarouselController {\n    prev: (callback?: (isFinished: boolean) => void) => void;\n    next: (callback?: (isFinished: boolean) => void) => void;\n}\n\nexport function useCarouselController(opts: IOpts): ICarouselController {\n    const {\n        width,\n        handlerOffsetX,\n        timingConfig,\n        lockController,\n        disable = false,\n    } = opts;\n\n    const closeLock = React.useCallback(\n        (isFinished: boolean) => {\n            if (isFinished) {\n                lockController.unLock();\n            }\n        },\n        [lockController]\n    );\n\n    const next = React.useCallback(\n        (callback?: (isFinished: boolean) => void) => {\n            if (disable) return;\n            if (lockController.isLock()) return;\n            lockController.lock();\n            handlerOffsetX.value = withTiming(\n                handlerOffsetX.value - width,\n                timingConfig,\n                (isFinished: boolean) => {\n                    !!callback && runOnJS(callback)(isFinished);\n                    runOnJS(closeLock)(isFinished);\n                }\n            );\n        },\n        [\n            width,\n            lockController,\n            timingConfig,\n            closeLock,\n            handlerOffsetX,\n            disable,\n        ]\n    );\n\n    const prev = React.useCallback(\n        (callback?: (isFinished: boolean) => void) => {\n            if (disable) return;\n            if (lockController.isLock()) return;\n            lockController.lock();\n            handlerOffsetX.value = withTiming(\n                handlerOffsetX.value + width,\n                timingConfig,\n                (isFinished: boolean) => {\n                    !!callback && runOnJS(callback)(isFinished);\n                    runOnJS(closeLock)(isFinished);\n                }\n            );\n        },\n        [\n            width,\n            lockController,\n            timingConfig,\n            closeLock,\n            handlerOffsetX,\n            disable,\n        ]\n    );\n\n    return {\n        next,\n        prev,\n    };\n}\n"]}
+{"version":3,"sources":["useCarouselController.tsx"],"names":["React","runOnJS","withTiming","useCarouselController","opts","width","handlerOffsetX","timingConfig","lockController","disable","onPrev","onNext","closeLock","useCallback","isFinished","unLock","next","isLock","lock","value","prev"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,OAAT,EAAkBC,UAAlB,QAAoC,yBAApC;AAkBA,OAAO,SAASC,qBAAT,CAA+BC,IAA/B,EAAiE;AACpE,QAAM;AACFC,IAAAA,KADE;AAEFC,IAAAA,cAFE;AAGFC,IAAAA,YAHE;AAIFC,IAAAA,cAJE;AAKFC,IAAAA,OAAO,GAAG,KALR;AAMFC,IAAAA,MANE;AAOFC,IAAAA;AAPE,MAQFP,IARJ;AAUA,QAAMQ,SAAS,GAAGZ,KAAK,CAACa,WAAN,CACbC,UAAD,IAAyB;AACrB,QAAIA,UAAJ,EAAgB;AACZN,MAAAA,cAAc,CAACO,MAAf;AACH;AACJ,GALa,EAMd,CAACP,cAAD,CANc,CAAlB;AASA,QAAMQ,IAAI,GAAGhB,KAAK,CAACa,WAAN,CAAkB,MAAM;AACjC,QAAIJ,OAAJ,EAAa;AACb,QAAID,cAAc,CAACS,MAAf,EAAJ,EAA6B;AAC7BT,IAAAA,cAAc,CAACU,IAAf;AACAZ,IAAAA,cAAc,CAACa,KAAf,GAAuBjB,UAAU,CAC7BI,cAAc,CAACa,KAAf,GAAuBd,KADM,EAE7BE,YAF6B,EAG5BO,UAAD,IAAyB;AACrB,OAAC,CAACH,MAAF,IAAYV,OAAO,CAACU,MAAD,CAAP,CAAgBG,UAAhB,CAAZ;AACAb,MAAAA,OAAO,CAACW,SAAD,CAAP,CAAmBE,UAAnB;AACH,KAN4B,CAAjC;AAQH,GAZY,EAYV,CACCH,MADD,EAECN,KAFD,EAGCG,cAHD,EAICD,YAJD,EAKCK,SALD,EAMCN,cAND,EAOCG,OAPD,CAZU,CAAb;AAsBA,QAAMW,IAAI,GAAGpB,KAAK,CAACa,WAAN,CAAkB,MAAM;AACjC,QAAIJ,OAAJ,EAAa;AACb,QAAID,cAAc,CAACS,MAAf,EAAJ,EAA6B;AAC7BT,IAAAA,cAAc,CAACU,IAAf;AACAZ,IAAAA,cAAc,CAACa,KAAf,GAAuBjB,UAAU,CAC7BI,cAAc,CAACa,KAAf,GAAuBd,KADM,EAE7BE,YAF6B,EAG5BO,UAAD,IAAyB;AACrB,OAAC,CAACJ,MAAF,IAAYT,OAAO,CAACS,MAAD,CAAP,CAAgBI,UAAhB,CAAZ;AACAb,MAAAA,OAAO,CAACW,SAAD,CAAP,CAAmBE,UAAnB;AACH,KAN4B,CAAjC;AAQH,GAZY,EAYV,CACCJ,MADD,EAECL,KAFD,EAGCG,cAHD,EAICD,YAJD,EAKCK,SALD,EAMCN,cAND,EAOCG,OAPD,CAZU,CAAb;AAsBA,SAAO;AACHO,IAAAA,IADG;AAEHI,IAAAA;AAFG,GAAP;AAIH","sourcesContent":["import React from 'react';\nimport type Animated from 'react-native-reanimated';\nimport { runOnJS, withTiming } from 'react-native-reanimated';\nimport type { ILockController } from './useLock';\n\ninterface IOpts {\n    width: number;\n    handlerOffsetX: Animated.SharedValue<number>;\n    lockController: ILockController;\n    timingConfig: Animated.WithTimingConfig;\n    disable?: boolean;\n    onPrev?: (isFinished: boolean) => void;\n    onNext?: (isFinished: boolean) => void;\n}\n\nexport interface ICarouselController {\n    prev: () => void;\n    next: () => void;\n}\n\nexport function useCarouselController(opts: IOpts): ICarouselController {\n    const {\n        width,\n        handlerOffsetX,\n        timingConfig,\n        lockController,\n        disable = false,\n        onPrev,\n        onNext,\n    } = opts;\n\n    const closeLock = React.useCallback(\n        (isFinished: boolean) => {\n            if (isFinished) {\n                lockController.unLock();\n            }\n        },\n        [lockController]\n    );\n\n    const next = React.useCallback(() => {\n        if (disable) return;\n        if (lockController.isLock()) return;\n        lockController.lock();\n        handlerOffsetX.value = withTiming(\n            handlerOffsetX.value - width,\n            timingConfig,\n            (isFinished: boolean) => {\n                !!onNext && runOnJS(onNext)(isFinished);\n                runOnJS(closeLock)(isFinished);\n            }\n        );\n    }, [\n        onNext,\n        width,\n        lockController,\n        timingConfig,\n        closeLock,\n        handlerOffsetX,\n        disable,\n    ]);\n\n    const prev = React.useCallback(() => {\n        if (disable) return;\n        if (lockController.isLock()) return;\n        lockController.lock();\n        handlerOffsetX.value = withTiming(\n            handlerOffsetX.value + width,\n            timingConfig,\n            (isFinished: boolean) => {\n                !!onPrev && runOnJS(onPrev)(isFinished);\n                runOnJS(closeLock)(isFinished);\n            }\n        );\n    }, [\n        onPrev,\n        width,\n        lockController,\n        timingConfig,\n        closeLock,\n        handlerOffsetX,\n        disable,\n    ]);\n\n    return {\n        next,\n        prev,\n    };\n}\n"]}

package/lib/typescript/useCarouselController.d.ts

@@ -6,10 +6,12 @@ interface IOpts {
     lockController: ILockController;
     timingConfig: Animated.WithTimingConfig;
     disable?: boolean;
+    onPrev?: (isFinished: boolean) => void;
+    onNext?: (isFinished: boolean) => void;
 }
 export interface ICarouselController {
-    prev: (callback?: (isFinished: boolean) => void) => void;
-    next: (callback?: (isFinished: boolean) => void) => void;
+    prev: () => void;
+    next: () => void;
 }
 export declare function useCarouselController(opts: IOpts): ICarouselController;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated-carousel",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Simple carousel component.fully implemented using Reanimated 2.Infinitely scrolling, very smooth.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Carousel.tsx

@@ -150,6 +150,8 @@ function Carousel<T extends unknown = any>(
         lockController,
         timingConfig,
         disable: !data.length,
+        onNext: (isFinished) => isFinished && callComputedIndex(),
+        onPrev: (isFinished) => isFinished && callComputedIndex(),
     });
     useAutoPlay({
         autoPlay,
@@ -193,12 +195,12 @@ function Carousel<T extends unknown = any>(
     );
 
     const next = React.useCallback(() => {
-        return carouselController.next(callComputedIndex);
-    }, [carouselController, callComputedIndex]);
+        return carouselController.next();
+    }, [carouselController]);
 
     const prev = React.useCallback(() => {
-        return carouselController.prev(callComputedIndex);
-    }, [carouselController, callComputedIndex]);
+        return carouselController.prev();
+    }, [carouselController]);
 
     const getCurrentIndex = React.useCallback(() => {
         return index.value;

package/src/useCarouselController.tsx

@@ -9,11 +9,13 @@ interface IOpts {
     lockController: ILockController;
     timingConfig: Animated.WithTimingConfig;
     disable?: boolean;
+    onPrev?: (isFinished: boolean) => void;
+    onNext?: (isFinished: boolean) => void;
 }
 
 export interface ICarouselController {
-    prev: (callback?: (isFinished: boolean) => void) => void;
-    next: (callback?: (isFinished: boolean) => void) => void;
+    prev: () => void;
+    next: () => void;
 }
 
 export function useCarouselController(opts: IOpts): ICarouselController {
@@ -23,6 +25,8 @@ export function useCarouselController(opts: IOpts): ICarouselController {
         timingConfig,
         lockController,
         disable = false,
+        onPrev,
+        onNext,
     } = opts;
 
     const closeLock = React.useCallback(
@@ -34,53 +38,49 @@ export function useCarouselController(opts: IOpts): ICarouselController {
         [lockController]
     );
 
-    const next = React.useCallback(
-        (callback?: (isFinished: boolean) => void) => {
-            if (disable) return;
-            if (lockController.isLock()) return;
-            lockController.lock();
-            handlerOffsetX.value = withTiming(
-                handlerOffsetX.value - width,
-                timingConfig,
-                (isFinished: boolean) => {
-                    !!callback && runOnJS(callback)(isFinished);
-                    runOnJS(closeLock)(isFinished);
-                }
-            );
-        },
-        [
-            width,
-            lockController,
+    const next = React.useCallback(() => {
+        if (disable) return;
+        if (lockController.isLock()) return;
+        lockController.lock();
+        handlerOffsetX.value = withTiming(
+            handlerOffsetX.value - width,
             timingConfig,
-            closeLock,
-            handlerOffsetX,
-            disable,
-        ]
-    );
+            (isFinished: boolean) => {
+                !!onNext && runOnJS(onNext)(isFinished);
+                runOnJS(closeLock)(isFinished);
+            }
+        );
+    }, [
+        onNext,
+        width,
+        lockController,
+        timingConfig,
+        closeLock,
+        handlerOffsetX,
+        disable,
+    ]);
 
-    const prev = React.useCallback(
-        (callback?: (isFinished: boolean) => void) => {
-            if (disable) return;
-            if (lockController.isLock()) return;
-            lockController.lock();
-            handlerOffsetX.value = withTiming(
-                handlerOffsetX.value + width,
-                timingConfig,
-                (isFinished: boolean) => {
-                    !!callback && runOnJS(callback)(isFinished);
-                    runOnJS(closeLock)(isFinished);
-                }
-            );
-        },
-        [
-            width,
-            lockController,
+    const prev = React.useCallback(() => {
+        if (disable) return;
+        if (lockController.isLock()) return;
+        lockController.lock();
+        handlerOffsetX.value = withTiming(
+            handlerOffsetX.value + width,
             timingConfig,
-            closeLock,
-            handlerOffsetX,
-            disable,
-        ]
-    );
+            (isFinished: boolean) => {
+                !!onPrev && runOnJS(onPrev)(isFinished);
+                runOnJS(closeLock)(isFinished);
+            }
+        );
+    }, [
+        onPrev,
+        width,
+        lockController,
+        timingConfig,
+        closeLock,
+        handlerOffsetX,
+        disable,
+    ]);
 
     return {
         next,