pullview使用flatlist下拉上拉

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
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上,不会出现空白现象。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容