File tree Expand file tree Collapse file tree 1 file changed +6
-1
lines changed
Expand file tree Collapse file tree 1 file changed +6
-1
lines changed Original file line number Diff line number Diff line change 11# react-native-MJRefresh[ ![ npm version] ( https://badge.fury.io/js/react-native-mjrefresh.svg )] ( https://badge.fury.io/js/react-native-mjrefresh )
22如果你喜欢,请不要吝啬你的:smile : star :smile :
3- android自动刷新组件见[ react-native-SmartRefreshLayout] ( https://github.com/react-native-studio/react-native-SmartRefreshLayout )
3+
4+ *** Android*** 自定义下拉刷新组件见[ react-native-SmartRefreshLayout] ( https://github.com/react-native-studio/react-native-SmartRefreshLayout )
45## 第一步
56工程目录下运行<br > ` npm install --save react-native-mjrefresh ` (rn>=0.55.0)<br >
67` npm install --save react-native-mjrefresh-lower ` (rn<=0.54)
@@ -76,6 +77,8 @@ import MJRefresh,{ScrollView} from 'react-native-mjrefresh'//rn>=0.55
7677| onReleaseToRefresh| func| 可释放刷新时触发|
7778| onPulling| func| header下拉过程触发|
7879
80+ onPulling参数为{nativeEvent: percent },结合lottie-react-native可以获得绝佳的下拉刷新效果
81+
7982#### 方法表格
8083| 方法名| 参数| 描述|
8184| :---:| :---:| :---:|
@@ -89,5 +92,7 @@ ListView使用见:[ListViewExample](https://github.com/react-native-studio/rea
8992FlatList使用见:[ FlatListExample] ( https://github.com/react-native-studio/react-native-MJRefresh/blob/master/Example49/FlatListExample.js )
9093
9194## 示例
95+ <div align =center >
9296<img src =" https://github.com/react-native-studio/react-native-MJRefresh/blob/master/screen_shot.gif " width = " 300 " alt =" 图片名称 " align =center />
9397<img src =" https://github.com/react-native-studio/react-native-MJRefresh/blob/master/1530090339829.gif " width = " 300 " alt =" 图片名称 " align =center />
98+ </div >
You can’t perform that action at this time.
0 commit comments