这一组件用在 ScrollView 内部,作为 loadControl 属性,为其添加上拉加载的功能。
该组件分为三种状态:
NOTICE:拉到底部显示,默认文本是『上拉加载更多』
NOMORE:没有更多内容了,默认文本是『没有更多了』
LOADING:拉到底部之后,继续上拉触发正在加载,默认文本是『努力加载中』
当变成 LOADING 状态会触发 onLoad 事件,此时,可以通过 ScrollView 的 stopLoading 方法来停止刷新。
辅助组件,作为 InfiniteListView
、ListView
和 ScrollView
组件的 LoadControl
属性,增加"上拉加载更多"功能。
<InfiniteListView
loadControl={<LoadControl />}
/>
在 onLoad
属性中传递数据请求函数,组件正在加载状态时执行数据请求。请求完成后,调用父组件的 stopLoading
方法停止加载更多状态。在 noMore
属性中设置组件是否为 NOMORE
状态。
<InfiniteListView
loadControl={<LoadControl
onLoad={() => this.onLoad}
noMore={this.state.noMore}
/>}
/>
LoadControl的高度
默认值: 35
如果为true,则显示 NOMORE 状态
默认值: false
显示在最下方的提示文本
默认值: '上拉加载更多'
加载时的文本
默认值: '努力加载中'
加载时旋转的图标
默认值: '\uf089'
没有更多时显示的文本
默认值: '没有更多了'
变成正在加载时触发的事件
点击LoadControl时触发的事件
LoadControl样式
LoadControl的文本样式
LoadControl的按钮样式