初学ReactNative,看到Github上现有的相关控件实现都较为复杂,又不太符合自己心中想要的样子。于是自己做了一个简单的列表下拉、上拉刷新控件。列表使用的是FlatList。
控件的实现非常简单,代码一共100多行,方便各位根据自己的需求随意修改。如果有bug或建议,欢迎提issue。
截图下拉刷新
上拉翻页
已加载全部数据
安装NPM
pm istall --save react-ative-refresh-list-view手动安装下载源码,将RefreshListView.js拖入工程中
运行Demo
第一步
进入Example目录,执行:
pm istall第二步
react-ative ru-ios接口
reder() { retur ( <RefreshListView data={this.state.dataList} keyExtractor={this.keyExtractor} rederItem={this.rederCell} refreshState={this.state.refreshState} oHeaderRefresh={this.oHeaderRefresh} oFooterRefresh={this.oFooterRefresh} /> )}// 下拉刷新this.setState({refreshState: RefreshState.HeaderRefreshig})// 上拉翻页this.setState({refreshState: RefreshState.FooterRefreshig})// 加载成功this.setState({refreshState: RefreshState.Idle})// 加载失败this.setState({refreshState: RefreshState.Failure})// 加载全部数据this.setState({refreshState: RefreshState.NoMoreData})常见问题列表滑动过程中,可能会出现警告
Task orphaed for request <NSMutableURLRequest: [[SOME_HEX_CODE]]> { URL: [[IMG_URL]] }
评论