|
1 | 1 | # React Native SmartRefreshLayout[](https://badge.fury.io/js/react-native-smartrefreshlayout) |
2 | 2 |
|
3 | | ->React-Native-SmartRefreshLayout是基于[Android SmartRefreshLayout](https://github.com/scwang90/SmartRefreshLayout) 开发的插件,可提供类似ios的弹性刷新,该插件可完全使用React Native进行自定义 |
4 | | -
|
| 3 | +>React-Native-SmartRefreshLayout是基于[Android SmartRefreshLayout](https://github.com/scwang90/SmartRefreshLayout) 开发的插件 |
| 4 | +>,<br>可提供类似ios的弹性刷新,该插件可完全使用React Native进行自定义 |
| 5 | +> |
| 6 | +>HeaderComponet现在支持任意的RN组件,但是需要放在AnyHeader的组件中,<br>其中onHeaderPulling、onHeaderReleasing和onHeaderMoving的参数为{nativeEvent:{percent,offset,headerHeight}},可用来控制下拉和释放过程中更为精细的动画,<br> |
| 7 | +> 如果下拉和释放过程不需要过程动画,则使用onPullDownToRefresh和onReleaseToRefresh即可实现。 |
| 8 | +><br>请看示例:Example <br/> [HuaweiRefreshControl](https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/master/Example/HuaWeiRefreshControl.js) |
| 9 | +>、 [LottieRefreshControl](https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/master/Example/LottieRefreshControl.js) |
| 10 | +> |
5 | 11 | >IOS自定义下拉刷新组件见[React-Native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh) |
| 12 | +> |
| 13 | +> |
| 14 | +
|
| 15 | + |
| 16 | +>建议:该组件与[lottie-react-native](https://github.com/react-community/lottie-react-native)配合使用可获得绝佳的下拉动画效果 |
6 | 17 |
|
7 | 18 | ## 安装 |
8 | 19 | #### 第一步 |
@@ -278,15 +289,6 @@ Valid `params` keys are: |
278 | 289 | * `success` (boolean) - 是否刷新成功,暂时没有影响 |
279 | 290 |
|
280 | 291 |
|
281 | | - |
282 | | -注意:HeaderComponet现在支持任意的RN组件,但是需要放在AnyHeader的组件中,其中onHeaderPulling、onHeaderReleasing和onHeaderMoving的参数为{nativeEvent:{percent,offset,headerHeight}},可用来控制下拉和释放过程中更为精细的动画 |
283 | | -如果下拉和释放过程不需要过程动画,则使用onPullDownToRefresh和onReleaseToRefresh即可实现,请看示例:Example <br/> [HuaweiRefreshControl](https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/master/Example/HuaWeiRefreshControl.js) |
284 | | - |
285 | | -[LottieRefreshControl](https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/master/Example/LottieRefreshControl.js) |
286 | | - |
287 | | - |
288 | | -建议:该组件与[lottie-react-native](https://github.com/react-community/lottie-react-native)配合使用可获得绝佳的下拉动画效果 |
289 | | - |
290 | 292 | ## 示例 |
291 | 293 | <!----> |
292 | 294 | <div align=center> |
|
0 commit comments