pullview使用flatlist下拉上拉

站在诸多巨人的肩上,写的这个库。自己用着感觉还行,大家可以试试。
scrollview&&FlatList android&&ios
1:flatlist与scrollview下拉刷新上拉加载更多
2:没有网络没有数据状态页面。
3:解决react-native-pull中iOS下拉头部出现空白问题。

GitHub:https://github.com/wuyunqiang/react-native-pullview

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值