反应本地ListView下拉刷新加载的实现代码

本文介绍了实施反应本土ListView下拉刷新上传，与大家分享，下面是如下：

先看看效果吧。

下拉刷新

反应的一个组成部分，可以实现本地提供的下拉刷新的方法，RefreshControl

使用方法

< ListView
refreshcontrol = {
< refreshcontrol
刷新此状态。刷新}
onrefresh = {这_onrefresh.bind（这）}。
>
}
…

加载视图时，刷新设置为true，数据加载设置为false。

上拉加载

使用onendreached法在ListView，ListView触发onendreached方法当它滚到最后一个单元格。

首先，ListView增加一个页脚

渲染（）{
const footerview = this.state.loadmore

加载更多…
无效的;
返回< ListView
refreshcontrol = {
< refreshcontrol
刷新此状态。刷新}
onrefresh = {这_onrefresh.bind（这）}。
>
}
风格= { { } } ListView的风格。
数据源= { ds.clonewithrows（这个状态。DataSource）}
enableemptysections = {事实}
renderrow = {这_renderrow.bind（这）}。
onendreachedthreshold = { 5 }
onendreached = {这_onendreached.bind（这）}。
RenderFooter = {（= footerview }）
>
}

页脚显示在方法_onendreached，然后页脚是隐藏在数据加载。

_onendreached（）{
this.setstate（{
LoadMore：真的，
PageNo：this.state.pageno + 1
}）；
这_fetchdata（）；
}

解释

ListView还设置了一个参数onendreachedthreshold，并配合使用onendreached。这意味着像素的临界值是用于连接onendreached，因为签署结束onendreached滑动是在此基础上的价值。

以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。