1.0.2 • Published 6 years ago

react-native-refresh-loadmore-flatlist v1.0.2

Weekly downloads
3
License
ISC
Repository
github
Last release
6 years ago

react-native-refresh-loadmore-flatlist

基于React Native官方组件FlatList,增加可定制化“下拉刷新”、“下拉加载更多”组件API的新列表组件,具体实现功能如下:

  • 自定义下拉刷新组件API
  • 自定义上拉LoadMore组件API

Installation

npm install react-native-refresh-loadmore-flatlist --save

Import into your project

import FlatListRefresh from "react-native-refresh-loadmore-flatlist";

Examle useage

<FlatListRefresh
    style={Styles.flast}
    data={this.state.source}
    renderItem={({ item, index }) => this.renderArticleItem(item)}
    keyExtractor={(item, index) => String(index)}
    ItemSeparatorComponent={() => <ItemSeparator />}
    refreshing={this.state.refreshing}
    onRefresh={() => {}}
    endReaching={this.state.endReaching}
    onEndReached={() => {}}
/>

Properties

属性描述类型默认
refreshing下拉刷新状态PropTypes.boolfalse
onRefresh下拉刷新方法PropTypes.func
endReaching加载更多状态PropTypes.boolfalse
onEndReached加载更多方法PropTypes.func