react-native-refreshable-useful

a high-perf refreshable & loadMore component

Usage no npm install needed!

<script type="module">
  import reactNativeRefreshableUseful from 'https://cdn.skypack.dev/react-native-refreshable-useful';
</script>

README

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

  • Android
  • iOS

Component

  • ListView
  • ScrollView
  • SwipeoutListView

Todo List

  • FlatList (react-native > 0.42)
  • Native Animation (react-native > 0.43)

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 /