在停止滚动 ScrollView React Native 时从 api 获取数据

Posted

技术标签:

【中文标题】在停止滚动 ScrollView React Native 时从 api 获取数据【英文标题】:Fetch data from api on stop scrolling ScrollView React Native 【发布时间】:2021-12-10 22:38:27 【问题描述】:

我是本机反应的新手,我想在用户停止滚动或转到屏幕的末尾/底部时获取数据。

【问题讨论】:

到目前为止你有什么尝试? 使用 ScrollView 你有 onScroll 道具,你可以用它来触发数据获取。就个人而言,我建议您使用 FlatList,您可以使用 onViewableItemsChanged 和 onEndReached 属性来做您想做的事。请查看官方文档了解更多信息。 我尝试过 onScroll 方法,但它调用了多次,我将视图包裹在 scrollview 下 ***.com/questions/41056761/… 这对我有帮助 【参考方案1】:

您可以尝试类似How do I check when the user has stopped scrolling? 的方法,但在 React Native 中,最佳做法是在您不知道要渲染多少数据时使用 Flatlist (https://reactnative.dev/docs/flatlist)

【讨论】:

以上是关于在停止滚动 ScrollView React Native 时从 api 获取数据的主要内容,如果未能解决你的问题,请参考以下文章

折叠标题视图 - ScrollView 在到达底部时停止滚动

react-native ScrollView 嵌套 FlatList滚动

在 SwiftUI ScrollView 中停止垂直滚动

Android:检测 ScrollView 何时停止滚动

滚动时在 UIScrollView 内更新 UITextView 会使 scrollView 停止滚动

SwiftUI - 隐藏 ScrollView 的指示器使其停止滚动