反应原生扁平滚动深度？

Question

我的Flat列表中有200多个项目，有没有办法，我可以找到用户滚动到的项目数量？ （项目呈现到什么位置）

<FlatList
  data={[{ key: "a" }, { key: "b" }]}
  renderItem={({ item }) => <Text>{item.key}</Text>}
/>;

Answer 1

我认为您可以使用onViewableItemsChanged方法

来实现这一目标

<FlatList
  onViewableItemsChanged={({ viewableItems, changed }) => {
    console.log("Current visible items", viewableItems);
    console.log("Changed items in this iteration", changed);
  }}
  viewabilityConfig={{
    itemVisiblePercentThreshold: 50
  }}
/>

http://facebook.github.io/react-native/docs/flatlist.html#onviewableitemschanged

在viewabilityConfig上，您可以添加可见度设置，例如如何将项目视为可见（在上例中为50％）

http://facebook.github.io/react-native/docs/flatlist.html#viewabilityconfig

希望有所帮助