1. 程式人生 > >小程式上拉載入和下拉重新整理問題總結

小程式上拉載入和下拉重新整理問題總結

先說下遇到的問題
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等互動反饋,會導致反彈距離過大