FlatList - itemVisiblePercentThreshold 无法正常工作

Question

我正在尝试确定 FlatList 中的可见项目。我正在使用

  const config = {
    waitForInteraction: true,
    itemVisiblePercentThreshold: 70,
  };

  const viewabilityConfigCallbackPairs = useRef([
    { config, onViewableItemsChanged },
  ]);

  <FlatList
      ...
      viewabilityConfigCallbackPairs={viewabilityConfigCallbackPairs.current}
    />

问题是 FlatList 不遵守百分比阈值。我为我的配置设置了 70%。如果它的 70% 或更多可见，我想得到该项目。但是 FlatList return 每个可见的项目。即使它只有一个像素可见。我该如何解决？

Answer 1

我发现了问题。问题是配置文件不正确。

所以不是这个：

  const config = {
    waitForInteraction: true,
    itemVisiblePercentThreshold: 70,
  };

  const viewabilityConfigCallbackPairs = useRef([
    { config, onViewableItemsChanged },
  ]);

我用过这个：

  const viewabilityConfigCallbackPairs = useRef([
    {
      viewabilityConfig: {
        minimumViewTime: 500,
        itemVisiblePercentThreshold: 75,
      },
      onViewableItemsChanged: onViewableItemsChanged,
    },
  ]);

FlatList - itemVisiblePercentThreshold 无法正常工作

FlatList - itemVisiblePercentThreshold doesn't work correctly

react-native

react-native-flatlist