FlatList - itemVisiblePercentThreshold 无法正常工作

Question

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

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

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

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

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

Answer 1

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

所以不要这样：

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

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

我用过这个：

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