关于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 |