react native 中listView怎么在滚动条滚动到底部的时候加载更多

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react native 中listView怎么在滚动条滚动到底部的时候加载更多相关的知识,希望对你有一定的参考价值。

onEndReached。
应当类似这样:
第一屏:
const data=[1,2,3];
const ds = new ListView.DataSource((v1,v2)=>v1!=v2);
this.setState(
data: data,
ds: ds.cloneWithRows(data),
)

第二屏:
全选复制放进笔记const newData=[1,2,3];
const data = [...this.state.data, newData];
this.setState(
data: data,
ds: this.state.ds.cloneWithRows(data),
)
参考技术A onEndReached。

你的问题在于你设置DataSource的时候,没有包含之前的数据。应当类似这样:

第一屏:

const data=[1,2,3];
const ds = new ListView.DataSource((v1,v2)=>v1!=v2);
this.setState(
data: data,
ds: ds.cloneWithRows(data),
)
第二屏:

全选复制放进笔记const newData=[1,2,3];
const data = [...this.state.data, newData];
this.setState(
data: data,
ds: this.state.ds.cloneWithRows(data),
)

以上是关于react native 中listView怎么在滚动条滚动到底部的时候加载更多的主要内容,如果未能解决你的问题,请参考以下文章

React Native之FlatList组件(一)

React-Native ListView加载图片淡入淡出效果的组件

带有导航的 React-native ListView

react-native:ListView,如何从顶部推送新行

React Native ListView:前置项目

在 React Native 的 ListView 数据源中使用 Touchable 高亮显示