HarmonyOS Refresh组件中加入webview无法触发refresh操作

我现在在refresh中 加入一个webview 和 text 。只有在text上,下拉滑动,才会触发refresh,在webview中 无法触发refresh。 该如何处理?

代码

Refresh({ refreshing: $$this.isRefreshing, offset: 120, friction: 100, builder: this.customRefreshComponent() }) {
  Column()
  {
    Text('header!!!!!!!!!!!!')

    Web({ src: 'http://www.index.com', controller: this.controller }).width('100%').height(130)

  }.height('100%')

}.height('100%')
.onStateChange((refreshStatus: RefreshStatus) => {
  EDULogger.d(TAG,'Refresh onStatueChange state is ' + refreshStatus)
})
.onRefreshing(() => {
})
HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

web嵌套在refresh里下拉不支持刷新,可以使用PullToRefresh来实现下拉刷新、上拉加载

参考地址:https://gitee.com/openharmony-sig/PullToRefresh

demo参考:

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

@Entry
@Component
struct refreshWeb {
  @State dataArray: Array<string> = []
  @Builder
  getContentView() {
    Column() {
      Web({ src: $rawfile("index.html"), controller: this.controller })
    }
    .width('100%')
    .height('50%')
  }

  build() {
    Scroll(this.scroller) {
      PullToRefresh({
        // 必传项,列表组件所绑定的数据,不是列表传个空数据
        data: $dataArray,
        // 必传项,需绑定传入主体布局
        scroller: this.scroller,
        // 必传项,自定义主体布局
        customList: () => {
          // 一个用@Builder修饰过的UI方法,web组件定义在此@Builder
          this.getContentView();
        },
        // 可选项,下拉刷新回调
        onRefresh: () => {
          this.isRefreshing = true;
          return new Promise<string>((resolve, reject) => {
            setTimeout(() => {
              resolve('刷新成功');
              this.isRefreshing = false
              // this.controller.loadUrl($rawfile("indexA.html"))
            }, 2000);
          });
        },
      })
    }
    .width('100%')
    .height('100%')

  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS Refresh组件使用问题
55浏览 • 1回复 待解决
HarmonyOS Refresh + Web?
122浏览 • 0回复 待解决
HarmonyOS Refresh组件disable的功能
44浏览 • 1回复 待解决
HarmonyOS Refresh禁用下拉
25浏览 • 1回复 待解决
HarmonyOS Refresh组件嵌套滑动冲突问题
1031浏览 • 1回复 待解决
在router.back中加入指定url后无法返回
351浏览 • 1回复 待解决
Refresh组件不支持设置nestedScroll属性
1956浏览 • 1回复 待解决
HarmonyOS Refresh支持swiper吗
50浏览 • 1回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
132浏览 • 1回复 待解决
Refresh和pulltorefresh性能差异
598浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
943浏览 • 1回复 待解决
HarmonyOS Refresh自定义刷新样式
41浏览 • 1回复 待解决
HarmonyOS Refresh和页面转场动画demo
43浏览 • 1回复 待解决
HarmonyOS 自定义Refresh头部展示不全
0浏览 • 1回复 待解决