微信小程序开发 下拉刷新和上拉加载更多

下拉刷新

在json文件中设置，可以在app.json文件中的window项设置全局有效，也可以在page页面的json文件中设置对某个页面单独有效。

"enablePullDownRefresh": true

如果你的页面是白色底，那么下拉刷新的图标可能会看不清，设置为dark状态。

"backgroundTextStyle": "dark"

下拉刷新

在page页面的js文件中，找到onPullDownRefresh函数，实现刷新逻辑。

// 开始刷新
wx.startPullDownRefresh({})
// 停止刷新
wx.stopPullDownRefresh()

上拉加载更多

目前来说就一个函数onReachBottom，在这个函数里面实现加载更多的逻辑就行。

系统提供的下拉刷新和上拉加载更多还是比较简陋的。