美文网首页
pullview使用flatlist下拉上拉

pullview使用flatlist下拉上拉

作者: IDO0 | 来源:发表于2017-11-06 16:47 被阅读0次

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。

效果图:


imageimage

使用方式直接拷贝到文件目录下,导入组件即可:
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上,不会出现空白现象。

相关文章

网友评论

      本文标题:pullview使用flatlist下拉上拉

      本文链接:https://www.haomeiwen.com/subject/pcilmxtx.html