微信小程序:关于下拉刷新PullDownRefresh

微信小程序:关于下拉刷新PullDownRefresh,第1张

初略看了下文档,发现程序js中有onPullDownRefresh回调,果断重写之

然而,却发现不管怎么下拉,始终触发不了js回调。

只好继续看文档,发现,需要在json中配置支持下拉刷新,即:

这个可以在appjson中进行全局配置,使所有页面都带有下拉刷新功能;也可以在需要下拉刷新功能的page对应的json中配置。

这下好了,下拉刷新功能完成了。

但是,还有一点点不完美的地方,别人的小程序,下拉刷新时,可以看到顶部有三个点闪烁的动画;而我的小程序顶部一片空白。

原来,还有一个配置,"backgroundTextStyle": "",支持 dark/light;因为我的背景是白色的,此时,不进行这个配置,因为颜色的缘故,三个点闪烁的动画就看不到了,因此,白色背景需要进行以下配置:

此外,微信小程序还提供了停止下拉刷新效果的api,如果发现进入刷新状态,无法停止,可以使用这个api

在容器内向下滚动内容至底部的时候,偶尔会出现不触发bindscrolltolower事件,还是可以触发,但是必须先下滑再上拉才能触发

应该是因为安卓手机下拉滑动到底部时,系统监听到距离底部的距离通常大于50,所以不能触发相应的函数;而小程序默认下拉离底部50px时触发函数(ios没有这种情况)

可以通过官网给出的属性让他在滑动到底部之前执行加载

将lower-threshold设置成200

以上就是关于微信小程序:关于下拉刷新PullDownRefresh全部的内容,包括:微信小程序:关于下拉刷新PullDownRefresh、微信小程序中使用 bindscrolltolower 下拉加载有时候不触发、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/9344895.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存