如何使用微信小程序下拉刷新

前言

下拉刷新和上拉加载是业务中非常常见的需求。在微信小程序中，提供了下拉刷新的方法。虽然微信的官方文档有很多漏洞，但是下拉刷新的引入还是很全面的。

微信小程序-下拉刷新。使用jpeg文件交换格式存储的编码图像文件扩展名

最近开发了一个微信小程序，有下拉刷新数据的功能。于是，它又开始折腾了.

I. onPullDownRefresh回调

在简单阅读文档后，我发现小程序js中有一个onPullDownRefresh回调，我果断地重写了它.

//http://it Lao 5.com onpulldown refresh : function(){ console . log(' onpulldown refresh ')此。querydata (id)}，2。启用下拉刷新支持

但是发现无论怎么下拉，js回调永远无法触发。

我不得不继续阅读文档，发现我需要在json中配置支持下拉刷新，即：

enablepuldowrefresh ' : true//请注意，它是true，而不是' true '字符串。//部分开发者发现设置或无效。//可能是因为可以在app.json中全局配置设置‘enablepldownrush’:‘true’，让所有页面都有下拉刷新功能。也可以在json中对应需要下拉刷新功能的页面进行配置。

太好了，下拉刷新功能完成。

三、backgroundTextStyle配置

不过，还是有点不完美。当别人的小程序被拉下刷新时，你可以在顶部看到三个闪烁的动画；我的小程序顶部是空白的。

原来还有另外一种配置，‘backgroundTextStyle’: ' '，支持暗/亮；因为我的背景是白色的，这个时候不进行这个配置，因为颜色的原因，三点闪烁的动画看不到，所以白色背景需要以下配置：

背景文字风格' : '黑暗'四。停止停止刷新

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

//小程序提供的api通知页面停止下拉刷新效果//http://it Lao 5.com wx . stoppeulldown refresh；摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。