1、需要在json里配置
微信小程序的onPullDownRefresh回調需要在json中配置支持下拉刷新
"enablePullDownRefresh": true
// 請注意是true,不是"true"字符串, // 部分開發者發現設置了還是無效,可能是因為設置的"enablePullDownRefresh": "true"
這個是可以在app.json中進行全局配置的,使所有頁面都帶有下拉刷新功能;也可以在需要下拉刷新功能的page對應的json中配置。
2、閃爍動畫
但是,還有一點點不完美的地方,別人的小程序,下拉刷新時,可以看到頂部有三個點閃爍的動畫;而我的小程序頂部一片空白。原來,還有一個配置,
"backgroundTextStyle": "",支持 dark/light;
因為我的背景是白色的,此時,不進行這個配置,因為顏色的緣故,三個點閃爍的動畫就看不到了,因此,白色背景需要進行以下配置:
"backgroundTextStyle": "dark"
3、下拉不停止導致上部會出現空白區域
此外,有時候還會有個問題,下拉之后,上面出現一段空白,不回彈過去。這是因為下拉一直沒有停止。
原來微信小程序還提供了停止下拉刷新效果的api,如果發現進入刷新狀態,無法停止,可以使用這個api
// 小程序提供的api,通知頁面停止下拉刷新效果
wx.stopPullDownRefresh();
暫時就總結這么多,以后遇到再總結。