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

【问题标题】：Tracking how far a user has scrolled in a React Native flatlist跟踪用户在 React Native 平面列表中滚动的距离
【发布时间】：2021-07-01 18:04:15
【问题描述】：

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

【问题讨论】：

标签： javascript ios react-native react-native-flatlist react-async

【解决方案1】：

您可以使用onViewableItemsChanged，例如：

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

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

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

【讨论】：