1. 引入
import * as React from 'react';
import { stopPullDownRefresh } from 'remax/wechat';
  1. 使用
export default () => {
 usePageEvent('onPullDownRefresh', () => {
    // 可以返回一个 promise,控制何时停止下来刷新行为
    return new Promise((resolve) => {
      setTimeout(() => {
      //这里可以写自己想要发起的请求。
        stopPullDownRefresh();//这一个是预防模拟器可以自动收回,而真机不行。
      }, 1000);
    })
  });
}

3.差点忘记最重要的一步,在配置文件里写入配置。

  • 全局
    找到配置文件:app.config.js
  "window": {
      "enablePullDownRefresh":true
    },
  • 单个页面:在该文件夹下面起一个index.config.js配置文件
 module.exports = {
  enablePullDownRefresh: true
}

这样就可以比较愉快的使用下拉刷新了。

微信官方的下拉刷新
remax的下拉事件

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐