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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_28978893/article/details/82790342

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

GitHub项目地址