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

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

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

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

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

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

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

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

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

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

官方文档: >

wxswitchTab:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

wxreLaunch:关闭所有页面,打开到应用内的某个页面。

wxreLaunch是可以跳转到tabBar页面的。它和wxswitchTab的区别就是:前者可以触发onLoad事件,而后者则不能触发。所以通过wxreLaunch跳转到tabBar的方式完美解决了不能刷新的问题。

在小程序项目中 我发现 wxswitchTab 跳转是触发onLoad事件  但是只会触发一次 如果我通过退出登录 是不会再次触发onLoad事件 的 而wxreLaunch是可以跳转到tabBar页面的 再次触发onLoad事件

以上就是关于微信小程序:关于下拉刷新PullDownRefresh全部的内容,包括:微信小程序:关于下拉刷新PullDownRefresh、小程序关闭下拉刷新功能、12.小程序 之切换到tabBar页面不刷新问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/zz/9709522.html

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

发表评论

登录后才能评论

评论列表(0条)

保存