如何在React Native中以onEndReached的“ Up”和“ Down”方式将新数据加载到Flatlist?

时间:2019-03-18 20:47:00

标签: javascript android react-native react-native-flatlist

我将Flatlist与Android的React Native一起使用,在Flatlist的“ Up”和“ Down”位置(或在水平视图中为“ Left”和“ Right”)到达Flatlist末尾时,我需要动态加载新数据

但是Flatlist仅具有本机功能,可以在onEndReached中的某些位置执行“向下”(或在水平方向为“ Right”)。

您可以通过检测用户是否向左或向右滚动来解决此问题,但是当我将新数据附加到“ Up”位置以将其推入数组的开头时,Flatlist出现了错误,并且不会像您那样滚动将新数据附加到数组的末尾。

尽管它会将新数据加载到数组中,但视图仍会出现故障,并且不会滚动。

现在,我只是像这样将数据推送到数组的开头:

this.setState({
  data: [
    ...newData,
    ...this.state.data
  ]
})

TLDR:有什么方法可以将新数据添加到状态中的数组中,而不是请求数组,这样滚动感觉自然并且视图不会由于状态/索引位置的变化而出现毛刺?

1 个答案:

答案 0 :(得分:0)

看看反应点。

https://github.com/civiccc/react-waypoint

您可以在顶部放置一个,在底部放置一个,并进行适当处理。