@momo-kits/carousel 0.160.1-beta.10 → 0.160.1-beta.10-test.1

package/index.tsx

@@ -384,8 +384,18 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
       );
       const realIndex = getRealIndex(index);
 
-      currentIndexRef.current = realIndex;
-      setCurrentIndex(realIndex);
+      // Report the final resting index here as well. The reanimated scroll
+      // handler isn't guaranteed to deliver the last momentum frame to JS in
+      // every runtime (e.g. miniapp hosts), so relying on handleScroll alone
+      // can leave onScrollIndexChanged stuck one item short of the end.
+      if (realIndex !== currentIndexRef.current) {
+        currentIndexRef.current = realIndex;
+        setCurrentIndex(realIndex);
+
+        if (onScrollIndexChanged) {
+          onScrollIndexChanged(realIndex);
+        }
+      }
 
       if (onSnapToItem) {
         onSnapToItem(realIndex);
@@ -397,7 +407,33 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
         onMomentumScrollEndProp(event);
       }
     },
-    [resolveIndex, getRealIndex, onSnapToItem, handleLoopReposition, onMomentumScrollEndProp]
+    [resolveIndex, getRealIndex, onScrollIndexChanged, onSnapToItem, handleLoopReposition, onMomentumScrollEndProp]
+  );
+
+  const handleScrollEndDrag = useCallback(
+    (event: NativeSyntheticEvent<NativeScrollEvent>) => {
+      // Fallback for a drag released without enough velocity to fire a momentum
+      // scroll: report the resting index so onScrollIndexChanged isn't left
+      // stuck one item short of the end.
+      const { contentOffset, layoutMeasurement, contentSize } =
+        event.nativeEvent;
+      const index = resolveIndex(
+        contentOffset.x,
+        layoutMeasurement.width,
+        contentSize.width
+      );
+      const realIndex = getRealIndex(index);
+
+      if (realIndex !== currentIndexRef.current) {
+        currentIndexRef.current = realIndex;
+        setCurrentIndex(realIndex);
+
+        if (onScrollIndexChanged) {
+          onScrollIndexChanged(realIndex);
+        }
+      }
+    },
+    [resolveIndex, getRealIndex, onScrollIndexChanged]
   );
 
   const handleTouchStart = useCallback(
@@ -581,6 +617,7 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
         scrollEventThrottle={16}
         onScroll={onScrollEvent}
         onMomentumScrollEnd={handleMomentumScrollEnd}
+        onScrollEndDrag={handleScrollEndDrag}
         onTouchStart={handleTouchStart}
         onTouchEnd={handleTouchEnd}
         snapToOffsets={snapOffsets}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/carousel",
-    "version": "0.160.1-beta.10",
+    "version": "0.160.1-beta.10-test.1",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {