【文件属性】:
文件名称:reactH5:react 全家桶 实现react 移动端项目
文件大小:8.67MB
文件格式:ZIP
更新时间:2021-05-29 22:09:18
JavaScript
React 移动端下拉刷新:
前提:
网上有很多针对vue封装的移动端UI组件库,但react的移动端UI组件库貌似只有Google的
material UI和阿里的 ant design mobile。阿里的下拉刷新又不符合项目的风格,只能
自己实现了。
采用better-scroll+react实现。
实现的效果
为什么要采用better-scroll
better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心
是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又
扩展了一些 feature 以及做了一些性能优化。
另外 better-scroll 中已经提供了下拉刷新 上拉加载更多的方法,我要做的也是在其方法
内完善我要的效果
下拉刷新
pullDownRefresh选项,用来配置下拉刷新功