美文网首页
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