初学react native,看到github上现有的相关控件实现都较为复杂,又不太符合自己心中想要的样子。于是自己做了一个简单的列表下拉、上拉刷新控件。列表使用的是FlatList。
控件的实现非常简单,代码一共100多行,方便各位根据自己的需求随意修改。如果有bug或建议,欢迎提issue。



npm install --save react-native-refresh-list-view
进入Example目录,执行:
npm install
react-native run-ios
render() {
return (
<RefreshListView
data={this.state.dataList}
keyExtractor={this.keyExtractor}
renderItem={this.renderCell}
refreshState={this.state.refreshState}
onHeaderRefresh={this.onHeaderRefresh}
onFooterRefresh={this.onFooterRefresh}
/>
)
}
// 下拉刷新
this.setState({refreshState: RefreshState.HeaderRefreshing})
// 上拉翻页
this.setState({refreshState: RefreshState.FooterRefreshing})
// 加载成功
this.setState({refreshState: RefreshState.Idle})
// 加载失败
this.setState({refreshState: RefreshState.Failure})
// 加载全部数据
this.setState({refreshState: RefreshState.NoMoreData})
列表滑动过程中,可能会出现警告 Task orphaned for request <NSMutableURLRequest: [[SOME_HEX_CODE]]> { URL: [[IMG_URL]] }
Android基于FlatList的上拉、下拉刷新组件
Android打造万能的ListView和GridView适配器
Android高仿今日头条ListView视频播放和优酷视频播放悬浮窗
Android中RecyclerView的自定义布局管理器模仿TextView跨行为,
支持多个方向滑动的 View,类似 Calendar 里的 UI 效果
一个下拉刷新上拉加载更多的Android框架
用于在RecyclerView和AbsListView上创建简单分页功能的库
TwinklingRefreshLayout 小而强大的刷新控件,自带顺滑的越界回
Android具有闪烁视图的自定义回收器视图,用于指示视图正在加载
一个Android的二维RecyclerView。不仅可以加载历史数据,而且可
Android滚轮控件
使用ExpandableListView实现的购物车
Android打造万能的ListView和GridView适配器
Android高仿今日头条ListView视频播放和优酷视频播放悬浮窗
Android中RecyclerView的自定义布局管理器模仿TextView跨行为,
一个下拉刷新上拉加载更多的Android框架
用于在RecyclerView和AbsListView上创建简单分页功能的库
Android具有闪烁视图的自定义回收器视图,用于指示视图正在加载
热门源码