0

I'm working on an IOS app in React Native right now, and we present our content feed to the user as a flatlist that they can scroll through. I need to keep track of how far they have scrolled into that flatlist so that I know which posts they have actually viewed in case they close the app. I'm looking at using React Asynchronous storage for this, but I was wondering how I can actually implement that into my flatlist.

the_lost_intern
  • 37
  • 1
  • 5

1 Answers1

1

You can use onViewableItemsChanged, for example:

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

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

Doc: https://reactnative.dev/docs/flatlist#onviewableitemschanged

Yasha
  • 1,017
  • 11
  • 21
maxkrasnov
  • 284
  • 2
  • 7