HarmonyOS refresh组件web组件时下拉事件不生效

refresh组件web组件时下拉事件不生效demo代码如下:

import web_webview from '@ohos.web.webview'; 
 
@Entry 
@Component 
struct Index { 
  @State isRefreshing: boolean = false 
  @State url: string = 'https://www.huawei.com' 
  @State controller: web_webview.WebviewController = new web_webview.WebviewController() 
 
  build() { 
    Column() { 
      Refresh({ refreshing: $$this.isRefreshing}) { 
        Web({ src: this.url, controller: this.controller }) 
          .align(Alignment.Center) 
          .width('100%') 
          .height('100%') 
          .backgroundColor(Color.Red) 
          .domStorageAccess(true) 
      } 
      .onStateChange((refreshStatus: RefreshStatus) => { 
        console.info('Refresh onStatueChange state is ' + refreshStatus) 
      }) 
      .onRefreshing(() => { 
        setTimeout(() => { 
          this.isRefreshing = false 
        }, 2000) 
        console.log('onRefreshing test') 
      }) 
      .backgroundColor(0x89CFF0) 
    } 
  } 
}
HarmonyOS
2024-11-07 11:43:16
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

​当前不支持Refresh组件+Web组件实现webview内下拉刷新,但可通过三方开源库@ohos/pulltorefresh实现该效果,三方库地址:https://ohpm.openharmony.cn/#/cn/detail/@ohos%2Fpulltorefresh

安装:ohpm install @ohos/pulltorefresh

示例代码:​

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() { 
      Web({ src: 'http://www.huawei.com', controller: this.controller }) 
    }.width('100%').height('100%') 
  } 
 
 
  build() { 
    Scroll(this.scroller) { 
      PullToRefresh({ 
        data: $dataArray, 
        scroller: this.scroller, 
        customList: () => { 
          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-11-07 14:53:30
相关问题
Web组件的onKeyEvent键盘事件生效
1945浏览 • 1回复 待解决
HarmonyOS 组件切换深色模式生效
297浏览 • 1回复 待解决
容器组件onVisibleAreaChange生效
1759浏览 • 1回复 待解决
在嵌套组件中Scroll生效
2040浏览 • 1回复 待解决
List组件的initialIndex属性设置生效
2139浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
665浏览 • 1回复 待解决
HarmonyOS Refresh + Web?
42浏览 • 0回复 待解决
有谁知道web组件如何下拉刷新
1919浏览 • 1回复 待解决
用数组变量控制组件属性生效
1688浏览 • 1回复 待解决
HarmonyOS Refresh组件嵌套滑动冲突问题
752浏览 • 1回复 待解决
HarmonyOS margin生效
487浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
1029浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
174浏览 • 1回复 待解决