PullView
站在諸多巨人的肩上,寫的這個(gè)庫(kù)。自己用著感覺(jué)還行,大家可以試試。
scrollview&&FlatList android&&ios
1:flatlist與scrollview下拉刷新上拉加載更多
2:沒(méi)有網(wǎng)絡(luò)沒(méi)有數(shù)據(jù)狀態(tài)頁(yè)面。
3:解決react-native-pull中iOS下拉頭部出現(xiàn)空白問(wèn)題。
GitHub:https://github.com/wuyunqiang/PullView/blob/master/README.md
參考react-native-pull和react-native-refreshable-flatlist。
效果圖:

image
使用方式直接拷貝到文件目錄下,導(dǎo)入組件即可:
pulllist=>使用flatlist
onPullRelease = (resolve) => {
//請(qǐng)求數(shù)據(jù)然后執(zhí)行
this.list && this.list.setData(result);
resolve()
}
render() {
return (<PullList
style={{width: WIDTH,backgroundColor:'#f5f5f5'}}
ref={(list)=> this.list = list}
onPullRelease={this.onPullRelease}
onEndReached={()=>{ this.list&&this.list.addData([]);}}
renderItem={this.item}
numColumns={1}
initialNumToRender={5}
key={'list'}
/>)}
pullview=>使用scrollview
onPullRelease = (resolve) => {
//請(qǐng)求數(shù)據(jù)然后執(zhí)行
resolve()
}
render() {
return (
<PullView
style={{width: WIDTH,backgroundColor:'#f5f5f5'}}
onPullRelease={this.onPullRelease}
>
//一些組件
</PullView>
)
}
下拉上拉在iOS上,不會(huì)出現(xiàn)空白現(xiàn)象。