跟踪用户在 React Native 平面列表中滚动的距离

Question

我现在正在使用 React Native 开发一个 IOS 应用程序，我们将我们的内容提要作为一个平面列表呈现给用户，他们可以滚动浏览。我需要跟踪他们滚动到该平面列表的距离，以便我知道他们实际查看了哪些帖子，以防他们关闭应用程序。我正在考虑为此使用 React 异步存储，但我想知道如何将其实际实现到我的平面列表中。

Answer 1

您可以使用 onViewableItemsChanged，例如：

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

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

文档：https://reactnative.dev/docs/flatlist#onviewableitemschanged

跟踪用户在 React Native 平面列表中滚动的距离

Tracking how far a user has scrolled in a React Native flatlist

javascript

ios

react-async

react-native

react-native-flatlist