refactor: refactor autoplay logic

Author: dohooo

src/Carousel.tsx

@@ -124,19 +124,19 @@ function Carousel<T>(
     }, [onScrollBegin]);
 
     const scrollViewGestureOnScrollBegin = React.useCallback(() => {
-        !autoPlay && pause();
+        pause();
         _onScrollBegin();
-    }, [_onScrollBegin, pause, autoPlay]);
+    }, [_onScrollBegin, pause]);
 
     const _onScrollEnd = React.useCallback(() => {
         computedIndex();
         onScrollEnd?.(sharedPreIndex.current, sharedIndex.current);
     }, [sharedPreIndex, sharedIndex, computedIndex, onScrollEnd]);
 
     const scrollViewGestureOnScrollEnd = React.useCallback(() => {
-        autoPlay && run();
+        run();
         _onScrollEnd();
-    }, [_onScrollEnd, run, autoPlay]);
+    }, [_onScrollEnd, run]);
 
     const offsetX = useDerivedValue(() => {
         const totalSize = size * data.length;

src/hooks/useAutoPlay.ts

@@ -24,12 +24,23 @@ export function useAutoPlay(opts: {
         if (timer.current) {
             pause();
         }
+
+        if (!autoPlay) {
+            return;
+        }
+
         timer.current = setInterval(() => {
             autoPlayReverse
                 ? carouselController.prev()
                 : carouselController.next();
         }, autoPlayInterval);
-    }, [autoPlayReverse, carouselController, autoPlayInterval, pause]);
+    }, [
+        pause,
+        autoPlay,
+        autoPlayReverse,
+        autoPlayInterval,
+        carouselController,
+    ]);
 
     React.useEffect(() => {
         if (autoPlay) {