Реагировать на глубину прокрутки встроенного списка?

У меня более 200 элементов в моем плоском списке, есть ли способ узнать, к какому номеру элемента прокручивается пользователь? (элемент отображается до какой позиции)

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

react-native react-native-flatlist
person Yahoo    schedule 06.06.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я думаю, вы можете добиться этого, используя метод 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

Надеюсь, поможет

person soutot    schedule 06.06.2018