react-native-refresh-list-view上拉、下拉刷新组件
初学 React Native,看到 Github 上现有的相关控件实现都较为复杂,又不太符合自己心中想要的样子。于是自己做了一个简单的列表下拉、上拉刷新控件。列表使用的是 FlatList。
控件的实现非常简单,代码一共 100 多行,方便各位根据自己的需求随意修改。如果有 bug 或建议,欢迎提 issue。
截图
下拉刷新
上拉翻页
已加载全部数据
安装
NPM
npm install --save react-native-refresh-list-view
手动安装
下载源码,将 RefreshListView.js 拖入工程中
运行 Demo
第一步
进入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]] }
评论
华林社区西区
物业公司海纳物业开发商单位自建小区地址山东省/日照市/东港区/石臼街道/黄海一路物业类型公寓住宅权属类别商品房住宅竣工时间1995年产权年限70年总户数暂无总建面积暂无容积率1.50绿化率20.0%建
华林社区西区
0
华林街道怀远社区
怀远社区是广东省广州市荔湾区华林街道下辖的社区,城乡分类代码为111,为主城区。区划代码为440103003111,居民身份证号码前6位为440103。邮政编码为510000,长途电话区号为020,
华林街道怀远社区
0
龙华街道华林社区
华林社区是云南省曲靖市沾益区龙华街道下辖的社区,城乡分类代码为112,为城乡结合区。区划代码为530303002002,居民身份证号码前6位为530303。邮政编码为655500,长途电话区号为087
龙华街道华林社区
0
华林街道华新社区
2015年3月,司法部、民政部表彰华新社区为第六批全国民主法治示范村(社区)。华新社区是河南省洛阳市瀍河回族区华林街道下辖的社区,城乡分类代码为111,为主城区。区划代码为410304007001,居
华林街道华新社区
0
石臼街道华林社区
华林社区是山东省日照市东港区石臼街道下辖的社区,城乡分类代码为111,为主城区。区划代码为371102002014,居民身份证号码前6位为371102。邮政编码为276800,长途电话区号为0633
石臼街道华林社区
0