feat: added onSnapToItem trigger for didMount and update index changi…

…ng logic
dohooo · Jan 8, 2024 · 35a5930 · 35a5930
1 parent 4602ff0
commit 35a5930
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/Carousel.tsx b/src/Carousel.tsx
@@ -153,6 +153,11 @@ const Carousel = React.forwardRef<ICarouselInstance, TCarouselProps<any>>(
       [getCurrentIndex, next, prev, scrollTo],
     );
 
+    React.useEffect(() => {
+      // add onSnapToItem call when component is first mounted
+      onSnapToItem?.(defaultIndex || 0);
+    }, []);
+
     const visibleRanges = useVisibleRanges({
       total: dataLength,
       viewSize: size,

diff --git a/src/hooks/useOnProgressChange.ts b/src/hooks/useOnProgressChange.ts
@@ -42,6 +42,9 @@ export function useOnProgressChange(
       if (value > 0)
         absoluteProgress = rawDataLength - absoluteProgress;
 
+      if (absoluteProgress > (rawDataLength - 0.5)) // threshold set as half of the size
+        absoluteProgress = 0;
+
       if (onProgressChange)
         runOnJS(onProgressChange)(value, absoluteProgress);
     },