小程式上拉載入和下拉重新整理問題總結
阿新 • • 發佈:2019-01-28
先說下遇到的問題
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等互動反饋,會導致反彈距離過大