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

GitHub專案地址