PullView
站在诸多巨人的肩上,写的这个库。自己用着感觉还行,大家可以试试。
scrollview&&FlatList android&&ios
1:flatlist与scrollview下拉刷新上拉加载更多
2:没有网络没有数据状态页面。
3:解决react-native-pull中iOS下拉头部出现空白问题。
GitHub:https://github.com/wuyunqiang/PullView/blob/master/README.md
参考react-native-pull和react-native-refreshable-flatlist。
效果图:
image
使用方式直接拷贝到文件目录下,导入组件即可:
pulllist=>使用flatlist
onPullRelease = (resolve) => {
//请求数据然后执行
this.list && this.list.setData(result);
resolve()
}
render() {
return (<PullList
style={{width: WIDTH,backgroundColor:'#f5f5f5'}}
ref={(list)=> this.list = list}
onPullRelease={this.onPullRelease}
onEndReached={()=>{ this.list&&this.list.addData([]);}}
renderItem={this.item}
numColumns={1}
initialNumToRender={5}
key={'list'}
/>)}
pullview=>使用scrollview
onPullRelease = (resolve) => {
//请求数据然后执行
resolve()
}
render() {
return (
<PullView
style={{width: WIDTH,backgroundColor:'#f5f5f5'}}
onPullRelease={this.onPullRelease}
>
//一些组件
</PullView>
)
}
下拉上拉在iOS上,不会出现空白现象。
网友评论