【React Native】自定义列表下拉刷新

本文介绍了在React Native项目中如何使用PullListView组件来自定义列表的下拉刷新功能。该组件支持Android和iOS,具有高度可定制性,可用于ListView、Scrollview、Listview和Flatlist。详细讲解了安装、使用方法以及样例代码,帮助开发者实现自定义的下拉刷新样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        关于React Native List的下拉刷新,虽然官方出了一个控件RefreshControl,但可定制性太差,基本上样式固定了。为了满足项目需求,我在GitHub上搜到了这个组件,使用起来非常不错。

        同时支持android和ios,并且拥有相同的Api,可以自定义下拉刷新样式;它里面已经实现了View,Scrollview,Listview和Flatlist的下拉刷新,可以支持绝大多数的React Native中的组件实现下拉刷新功能。

安装

        yarn add react-native-rk-pull-to-refresh

如果link失败就需要手动link

        react-native link react-native-rk-pull-to-refresh

使用提醒

        它内部包含了PullView、PullScrollView,、PullListView和PullFlatList,如果你想使用PullFlatList的话,那么你要保持你的React Native版本在0.43及以上。并且你要添加如下的代码到FlatList(node_modules/react-native/Libraries/Lists/FlatList.js)中:

...
getScrollMetrics = () => {
    return this._listRef.getScrollMetrics()
}

...

        同时在VirtualizedList(node_modules/react-native/Libraries/Lists/VirtualizedList.js)中添加如下代码:

...
 getScrollMetrics = () => {
    return this._scrollMetrics
 }

 ...

属性

Porp Type Optional Default Description
refreshable bool yes
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ZhangKui_c

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值