/react-native-refresh-loadmore-flatlist

基于React Native官方组件FlatList，增加可定制化“下拉刷新”、“下拉加载更多”组件API的新列表组件

Primary LanguageJavaScript

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.bool false
onRefresh 下拉刷新方法 PropTypes.func
endReaching 加载更多状态 PropTypes.bool false
onEndReached 加载更多方法 PropTypes.func