微信小程序开发记录（五）小程序提供下拉刷新以及注意事项

小程序提供原生下拉刷新方法的使用以及注意事项如下：

1.首先要在需要下拉刷新功能的页面的json文件中，添加以下代码：

{
  "navigationBarTitleText": "订单列表",
  "enablePullDownRefresh": true  //此处为需要添加的下拉刷新启用字段
}

2.在对应页面的js文件的onPullDownRefresh方法中实现数据请求等处理，此时需要注意真机请求结束后会无法返回顶部，需要添加wx.stopPullDownRefresh()方法解决，具体代码如下：

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.showNavigationBarLoading() //在标题栏中显示加载

    //setTimeout用来模拟异步请求数据
    setTimeout(function(){
      wx.hideNavigationBarLoading();//数据请求成功隐藏加载动画
    },1000)

    wx.stopPullDownRefresh();//处理真机数据请求结束无法弹回的问题
  },

当然也可以自定义下拉刷新，用到后期再补充。