反应本机平面列表滚动深度？

Question

我的平面列表中有 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

希望对您有所帮助

反应本机平面列表滚动深度？

React native flatlist scroll depth?

react-native

react-native-flatlist