微信小程序下拉刷新PullDownRefresh的一些坑


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();

  暫時就總結這么多,以后遇到再總結。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM