HarmonyOS Web组件怎么添加下拉刷新

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

可参考以下demo:

import web_webview from '@ohos.web.webview';
import { PullToRefresh } from '@ohos/pulltorefresh';

@Entry
@Component
struct WebPage {
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  @State dataArray: Array<string> = []
  private scroller: Scroller = new Scroller();

  @Builder
  getContentView() {
    Column() {
      Web({ src: 'http://www.huawei.com', controller: this.controller })
    }
    .width('100%')
    .height('100%')
  }

  build() {
    Scroll(this.scroller) {
      PullToRefresh({
        // 必传项,列表组件所绑定的数据,不是列表传个空数据
        data: $dataArray,
        // 必传项,需绑定传入主体布局
        scroller: this.scroller,
        // 必传项,自定义主体布局
        customList: () => {
          // 一个用@Builder修饰过的UI方法,web组件定义在此@Builder
          this.getContentView();
        },
        // 可选项,下拉刷新回调
        onRefresh: () => {
          return new Promise<string>((resolve, reject) => {
            setTimeout(() => {
              resolve('')
              // this.controller.loadUrl('https://www.huawei.com')
            }, 1000);
          });
        },
      })
        .width('100%')
        .height('100%')
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
有谁知道web组件如何下拉刷新
1989浏览 • 1回复 待解决
HarmonyOS 组件下拉刷新问题
479浏览 • 1回复 待解决
上拉加载,下拉刷新组件
425浏览 • 1回复 待解决
如何给文字添加下划线?
610浏览 • 1回复 待解决
HarmonyOS 下拉刷新功能
208浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
815浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
330浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
863浏览 • 1回复 待解决
HarmonyOS ArkWeb如何实现下拉刷新功能
506浏览 • 1回复 待解决
HarmonyOS web组件怎么拦截请求
562浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
1119浏览 • 1回复 待解决