在滾動組合上反應原生 FlatList

Question

我有一個 FlatList，這行得通...

    <FlatList ...
     onScroll={
        Animated.event(
        [{ nativeEvent: { contentOffset: { x: scrollX } } }],
        {
          useNativeDriver: false,
        }
        )
      }

現在我想將上面與活動的 onScroll 索引結合起來......

    <FlatList ...
      onScroll={onScroll}

...

  const onScroll = useCallback(
    (event: NativeSyntheticEvent<NativeScrollEvent>) => {
      const slideSize = event.nativeEvent.layoutMeasurement.width;
      const index = event.nativeEvent.contentOffset.x / slideSize;
      const roundIndex = Math.round(index);
      console.log('roundIndex:', roundIndex);

      //how to combine the below?
      Animated.event([{ nativeEvent: { contentOffset: { x: scrollX } } }], {
        useNativeDriver: false,
      });
    },
    []
  );

Answer 1

使用平面列表的OnEndReached function。

如果您在 Flatlist 中使用onScroll ，則有時它不適用於 android，但對於 iOS 則有效。