HarmonyOS ArkWeb如何实现下拉刷新功能

在ArkWeb外层嵌套Refresh组件,当ArkWeb加载H5页面后,Refresh没有触发下拉事件。

//刷新控件包裹web组件 
Refresh({ refreshing: $$this.isRefreshing, friction: 100 }) { 
  Web() 
} 
.onStateChange((refreshStatus: RefreshStatus) => { 
  Logger.info('Refresh onStatueChange state is ' + refreshStatus) 
}) 
.onRefreshing(() => {  //此方法不触发 
 
})
HarmonyOS
2024-09-06 09:30:42
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

使用PullToRefresh 实现下拉刷新,可参考如下demo。

import web_webview from '@ohos.web.webview' 
import { PullToRefresh } from '@ohos/pulltorefresh' 
 
@Entry 
@Component 
struct Index { 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
  @State dataArray: Array<string> = [] 
  private scroller: Scroller = new Scroller() 
 
  @Builder 
  getContentView() { 
    Column() { 
      Text("heeerfhtsgbsrgsxg") 
      Text("heeerfhtsgbsrgsxg") 
      Text("heeerfhtsgbsrgsxg") 
      Text("heeerfhtsgbsrgsxg") 
      Web({ src: 'http://www.huawei.com', controller: this.controller }) 
    } 
    .width('100%') 
    .height('100%') 
  } 
 
  build() { 
    Scroll(this.scroller) { 
      PullToRefresh( 
        { 
          // 必传项,列表组件所绑定的数据,不是列表传个空数据 
          data: this.dataArray, 
          // 必传项,需绑定传入主体布局 
          scroller: this.scroller, 
          // 必传项,自定义主体布局 
          customList: () => { 
            // 一个用@Builder修饰过的UI方法 
            this.getContentView() 
          }, 
          // 可选项,下拉刷新回调 
          onRefresh: () => { 
            return new Promise<string>((resolve, reject) => { 
              setTimeout(() => { 
                resolve('刷新成功'); 
              }, 1000); 
            }); 
          }, 
        }) 
        .width('100%') 
        .height('100%') 
    } 
    .width('100%') 
    .height('100%') 
  } 
}

参考链接如下:https://ohpm.openharmony.cn/#/cn/detail/@ohos%2Fpulltorefresh

分享
微博
QQ
微信
回复
2024-09-06 15:30:42
相关问题
HarmonyOS 下拉刷新功能
195浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
786浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
1082浏览 • 1回复 待解决
HarmonyOS 怎么实现下拉分类列表?
206浏览 • 1回复 待解决
HarmonyOS 如何实现下功能,请提供demo
413浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
293浏览 • 1回复 待解决
HarmonyOS 组件的下拉刷新问题
458浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
823浏览 • 1回复 待解决
如何实现下载断点续传
1851浏览 • 0回复 待解决