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

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