根据文档,只有当“ListView 一直滚动到第一页底部”时,才应触发 ListView 的 onLoadMore() 回调。
我确实有以下实现,问题是即使不向下滚动页面,ListView 也不会停止调用 onLoadMore 回调。这不是一个可接受的解决方案,因为它只是在视图打开一段时间时加载了太多数据,以至于它变得无响应。
代码如下所示:
<ListView
data={this.state.posts}
renderRow={this.renderRow}
loading={this.state.loading}
onLoadMore={this.onFeedLoadMore}
/>
...
onFeedLoadMore() {
console.log("onFeedLoadMore called");
this.setState({loading: true});
if (_.has(this.state.paging, 'next')) {
fetch(this.state.paging.next, {
method: 'GET',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
}
}).then((response) => response.json()).then((responseJson) => {
this.setState({loading: false});
console.log(responseJson);
this.setState({paging: responseJson.paging});
this.setState({posts: this.state.posts.concat(responseJson.data)})
}).catch((error) => {
this.setState({loading: false});
console.log("error fetching paged fb newsfeed: ", error);
})
}
}