当前位置 : 主页 > 网络编程 > 其它编程 >

小程序上拉加载和下拉刷新问题总结

来源:互联网 收集:自由互联 发布时间:2023-07-02
先说下遇到的问题1、怎么触发下拉刷新上拉加载及设定触发上拉加载的距离2、怎么在wx.startPullDownRefresh()中执行方法3、没有刷新动画4、ios真机下拉刷新反 先说下遇到的问题 1、怎么
先说下遇到的问题1、怎么触发下拉刷新上拉加载及设定触发上拉加载的距离2、怎么在wx.startPullDownRefresh()中执行方法3、没有刷新动画4、ios真机下拉刷新反

先说下遇到的问题 1、怎么触发下拉刷新上拉加载及设定触发上拉加载的距离 2、怎么在wx.startPullDownRefresh()中执行方法 3、没有刷新动画 4、ios真机下拉刷新反弹距离过大

一、要触发下拉刷新上拉加载事件,需要能够监听到事件才行 在需要实现下拉刷新上拉加载的页面配置xxx.json文件

{ "enablePullDownRefresh":true,//是否开启下拉刷新 "backgroundTextStyle":"dark",//下拉背景字体、loading 图的样式,仅支持 dark/light,默认light不可见 "onReachBottomDistance": 50//页面上拉触底事件触发时距页面底部距离,单位为px}

js文件定义监听事件 在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件 onReachBottom监听页面上拉触底事件的处理函数

Page({ onLoad () { }, onPullDownRefresh(){ //doing some thing 下拉刷新执行完毕要停止当前页面下拉刷新 //setTimeout(function(){ //wx.stopPullDownRefresh() //},1000) }, onReachBottom(){ //wx.showToast({ //title: 'onReachBottom', //icon: 'none', //duration: 600 //}); }});

二、怎么在wx.startPullDownRefresh()中执行方法

wx.startPullDownRefresh({ success:function(){ // doing some thing }, fail: function() { // doing some thing }})

三、没有刷新动画 json文件中设置”backgroundTextStyle”:”dark”,显示刷新动画 四、ios真机下拉刷新反弹距离过大 下拉刷新中使用wx.showToast等交互反馈,会导致反弹距离过大

上一篇:php中配置xdebugforvscode的示例
下一篇:没有了
网友评论