support multiple configs

src/view/com/util/List.tsx

@@ -1,5 +1,10 @@
 import React, {memo} from 'react'
-import {FlatListProps, RefreshControl, ViewToken} from 'react-native'
+import {
+  FlatListProps,
+  RefreshControl,
+  ViewabilityConfigCallbackPairs,
+  ViewToken,
+} from 'react-native'
 import {runOnJS, useSharedValue} from 'react-native-reanimated'
 
 import {useAnimatedScrollHandler} from '#/lib/hooks/useAnimatedScrollHandler_FIXED'
@@ -87,24 +92,29 @@ function ListImpl<ItemT>(
     },
   })
 
-  const [onViewableItemsChanged, viewabilityConfig] = React.useMemo(() => {
+  const viewabilityConfigCallbackPairs: ViewabilityConfigCallbackPairs =
-    if (!onItemSeen) {
+    React.useMemo(() => {
-      return [undefined, undefined]
+      const pairs: ViewabilityConfigCallbackPairs = []
-    }
+      if (onItemSeen) {
-    return [
+        pairs.push({
-      (info: {viewableItems: Array<ViewToken>; changed: Array<ViewToken>}) => {
+          onViewableItemsChanged: (info: {
-        console.log(info.viewableItems[0])
+            viewableItems: Array<ViewToken>
+            changed: Array<ViewToken>
+          }) => {
             for (const item of info.changed) {
               if (item.isViewable) {
                 onItemSeen(item.item)
               }
             }
           },
-      {
+          viewabilityConfig: {
             itemVisiblePercentThreshold: 40,
-        minimumViewTime: 0,
+            minimumViewTime: 1.5e3,
           },
-    ]
+        })
+      }
+
+      return pairs
     }, [onItemSeen])
 
   let refreshControl
@@ -136,8 +146,7 @@ function ListImpl<ItemT>(
       refreshControl={refreshControl}
       onScroll={scrollHandler}
       scrollEventThrottle={1}
-      onViewableItemsChanged={onViewableItemsChanged}
+      viewabilityConfigCallbackPairs={viewabilityConfigCallbackPairs}
-      viewabilityConfig={viewabilityConfig}
       style={style}
       ref={ref}
     />