fix onChangeIndex iOS (#183)

* fix callback onChangeIndex * fix change index android
gusgard · Apr 23, 2024 · 9b26891 · 9b26891
1 parent 40243d3
commit 9b26891
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/SwiperFlatList/SwiperFlatList.tsx b/src/components/SwiperFlatList/SwiperFlatList.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import {
   FlatList as RNFlatList,
   FlatListProps,
@@ -216,6 +216,10 @@ export const SwiperFlatList = React.forwardRef(
       [onViewableItemsChanged],
     );
 
+    const viewabilityConfigCallbackPairs = useRef<any>([
+      { onViewableItemsChanged:_onViewableItemsChanged, },
+    ]);
+
     const flatListProps: FlatListProps<unknown> & { ref: React.RefObject<RNFlatList<unknown>> } = {
       scrollEnabled,
       ref: flatListElement,
@@ -242,7 +246,8 @@ export const SwiperFlatList = React.forwardRef(
         itemVisiblePercentThreshold: ITEM_VISIBLE_PERCENT_THRESHOLD,
         ...viewabilityConfig,
       },
-      onViewableItemsChanged: _onViewableItemsChanged,
+      viewabilityConfigCallbackPairs: Platform.OS === 'ios'? viewabilityConfigCallbackPairs.current : undefined,
+      onViewableItemsChanged: Platform.OS === 'android'? _onViewableItemsChanged : undefined,
       // debug: true, // for debug
       testID: e2eID,
     };