Fix types

example/.gitignore

@@ -15,3 +15,5 @@ web-build/
 
 # Temporary files created by Metro to check the health of the file watcher
 .metro-health-check*
+
+artifacts/*

src/components/SwiperFlatList/SwiperFlatList.tsx

@@ -5,6 +5,8 @@ import {
   I18nManager,
   Platform,
   useWindowDimensions,
+  ViewabilityConfigCallbackPair,
+  ViewabilityConfigCallbackPairs,
 } from 'react-native';
 
 import { Pagination } from '../Pagination/Pagination';
@@ -199,7 +201,9 @@ export const SwiperFlatList = React.forwardRef(
       onMomentumScrollEnd?.({ index: currentIndexes.index }, event);
     };
 
-    const _onViewableItemsChanged = React.useMemo<FlatListProps<unknown>['onViewableItemsChanged']>(
+    const _onViewableItemsChanged = React.useMemo<
+      ViewabilityConfigCallbackPair['onViewableItemsChanged']
+    >(
       () => (params) => {
         const { changed } = params;
         const newItem = changed?.[FIRST_INDEX];
@@ -216,8 +220,16 @@ export const SwiperFlatList = React.forwardRef(
       [onViewableItemsChanged],
     );
 
-    const viewabilityConfigCallbackPairs = useRef<any>([
-      { onViewableItemsChanged:_onViewableItemsChanged, },
+    const viewabilityConfigCallbackPairs = useRef<ViewabilityConfigCallbackPairs>([
+      {
+        onViewableItemsChanged: _onViewableItemsChanged,
+        viewabilityConfig: {
+          // https://facebook.github.io/react-native/docs/flatlist#minimumviewtime
+          minimumViewTime: 200,
+          itemVisiblePercentThreshold: ITEM_VISIBLE_PERCENT_THRESHOLD,
+          ...viewabilityConfig,
+        },
+      },
     ]);
 
     const flatListProps: FlatListProps<unknown> & { ref: React.RefObject<RNFlatList<unknown>> } = {
@@ -246,8 +258,9 @@ export const SwiperFlatList = React.forwardRef(
         itemVisiblePercentThreshold: ITEM_VISIBLE_PERCENT_THRESHOLD,
         ...viewabilityConfig,
       },
-      viewabilityConfigCallbackPairs: Platform.OS === 'ios'? viewabilityConfigCallbackPairs.current : undefined,
-      onViewableItemsChanged: Platform.OS === 'android'? _onViewableItemsChanged : undefined,
+      viewabilityConfigCallbackPairs:
+        Platform.OS === 'ios' ? viewabilityConfigCallbackPairs.current : undefined,
+      onViewableItemsChanged: Platform.OS === 'android' ? _onViewableItemsChanged : undefined,
       // debug: true, // for debug
       testID: e2eID,
     };