8.7.6 下拉刷新

onPullDownRefresh

在 Page 中定义 onPullDownRefresh 处理函数，监听该页面用户下拉刷新事件。下拉刷新为最常用的功能，基本上所有小程序，只要需要访问网络获取数据都需要下拉刷新的功能。

需要在config的window选项中开启 enablePullDownRefresh。

在需要下拉刷新的页面，向.json文件里添加：

{
    "navigationBarTitleText": "下拉刷新",
    "enablePullDownRefresh": true
}

当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。也就是说，多数情况下我们需要在request的回调函数里调用这个API。

wx.stopPullDownRefresh()

停止当前页面下拉刷新。

示例代码：

Page({
  onPullDownRefresh: function () {
    wx.showToast({                              //开始刷新后弹出“载入中”的消息提示框
      title: 'loading...',
      icon: 'loading'
    })
  },
  stopPullDownRefresh: function () {
    wx.stopPullDownRefresh({
      complete: function (res) {                //停止刷新后，隐藏提示框
        wx.hideToast()
      }
    })
  }
})