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

HarmonyOS
2024-12-17 14:32:24
浏览
收藏 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
微信
回复
2024-12-17 16:30:11
相关问题
HarmonyOS web组件怎么刷新
175浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
2146浏览 • 1回复 待解决
HarmonyOS 组件下拉刷新问题
915浏览 • 1回复 待解决
上拉加载,下拉刷新组件
796浏览 • 1回复 待解决
HarmonyOS rn组件FlatList下拉刷新异常
506浏览 • 1回复 待解决
如何给文字添加下划线?
995浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
1326浏览 • 1回复 待解决
HarmonyOS 下拉刷新功能
382浏览 • 1回复 待解决
HarmonyOS 下拉刷新如何实现
207浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
620浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
1235浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载示例
325浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载功能
252浏览 • 1回复 待解决