Отслеживание того, как далеко пользователь прокрутил плоский список React Native

avatar
the_lost_intern
1 июля 2021 в 18:04
142
1
0

Сейчас я работаю над приложением IOS в React Native, и мы представляем наш канал контента пользователю в виде плоского списка, который он может прокручивать. Мне нужно отслеживать, как далеко они прокрутили этот плоский список, чтобы я знал, какие сообщения они фактически просматривали, на случай, если они закроют приложение. Я рассматриваю для этого использование асинхронного хранилища React, но мне было интересно, как я могу реализовать это в своем плоском списке.

Источник

Ответы (1)

avatar
maxkrasnov
1 июля 2021 в 21:31
1

Вы можете использовать onViewableItemsChanged, например:

<FlatList
    onViewableItemsChanged={(changed, viewableItems) => {

    }} 
    viewabilityConfig={{
       itemVisiblePercentThreshold: 50
    }}
/>

Документ: https://reactnative.dev/docs/flatlist#onviewableitemschanged