基於React Native官方元件FlatList,增加可定製化“下拉重新整理”、“下拉載入更多”元件API的新列表元件react-native-refresh-loadmore-flatlist
阿新 • • 發佈:2018-11-12
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 |