小程序API:下拉刷新

Posted yang-xiao-fan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序API:下拉刷新相关的知识,希望对你有一定的参考价值。

一.方法

  • 第一种是:小程序的下拉刷新在API上的方法为wx.startPullDownRefresh()
    • 这种方法时小程序自动调用,无需用户动手就触发下拉刷新
    • 弊端就是用户无法控制(反正我是没办法控制的,如果你可以的话评论里教教我)
  • 第二种是:onPullDownRefresh()
    • 这种方法在用户手动下拉刷新的时候触发
onPullDownRefresh(){
    wx.wx.showToast({
        title:‘loading....‘,
        icon:‘loading‘
    })
}        

 

**  但是无论哪种方法,都需要先在json文件中写一个属性(页面可以下拉)

"enablePullDownRefresh":true
  • wx.stopPullDownRefresh
    • 停止当前页面的刷新

 

 

二.下拉加载动画

  • 导航条加载动画
//显示动画
wx.showNavigationBarLoading()
//隐藏动画
wx.hideNavigationBarLoading()

技术分享图片

 

  • 默认动画

技术分享图片

  • 模态框动画
wx.wx.showToast({
    title:‘loading....‘,
    icon:‘loading‘
})

技术分享图片

 

以上是关于小程序API:下拉刷新的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序实现下拉刷新

uni-app 小程序实现下拉刷新

微信小程序开发——微信小程序下拉刷新真机无法弹回

原生的微信小程序有下拉刷新功能,怎么取消下拉刷新?不希望它刷新

微信小程序~下拉刷新PullDownRefresh

微信小程序-解决下拉刷新报错