react-native-refreshable-useful
a high-perf refreshable & loadMore component
- support ReacNative 0.42 - 0.47
- support iOS / Android
- support ScrollView / ListView
- support refresh / loadMore
- support swipeout
- support auto paging manage
Install
npm install --save react-native-refreshable-useful
Supports
Platform
Component
Todo List
Run Example
import React from 'react';
import { AppRegistry } from 'react-native';
/* enable views */
import { ListView, ScrollView, SwipeoutListView } from 'react-native-refreshable-useful';
import ExampleSwipeout from 'react-native-refreshable-useful/example/swipeout';
AppRegistry.registerComponent('xxxx', ()=>ExampleSwipeout);
Documents
ListView
Prop Name |
Type |
Default |
Description |
Platform |
onRefresh |
Function |
null |
on refresh animate start |
/ |
data |
Array |
[] |
default list |
/ |
pageSize |
Number |
10 |
pageSize for paging |
/ |
renderGotoTop |
Function |
null |
gotoTop Btn options |
/ |
renderFooter |
Function |
null |
footer options |
/ |
dftFooter |
Boolean |
false |
use default footer |
/ |
renderBeforeList |
Function Array |
[] |
before renderRow |
/ |
removeClippedSubviews |
Boolean / Object |
true |
if you used ViewPagerAndroid, set it as {android: false} |
/ |
... |
... |
... |
any ListView Props |
/ |
SwipeoutListView
Prop Name |
Type |
Default |
Description |
Platform |
getLeftBtns |
Function |
null |
function return swipeLeft Btns |
/ |
getRightBtns |
Function |
null |
function return swipeRight Btns |
/ |
... |
... |
... |
extends ListView |
/ |
ScrollView
Prop Name |
Type |
Default |
Description |
Platform |
onRefresh |
Function |
null |
... |
/ |
removeClippedSubviews |
Boolean / Object |
true |
... |
/ |
... |
... |
... |
any ScrollView Props |
/ |