HarmonyOS 使用pulltorefresh 的下拉刷新会跟web 的滚动联动,web向下滚动,刷新控件也会滚动
代码如下:
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%')
  }
}
        HarmonyOS
      
        赞
        
 收藏 0
 回答 1
 
        待解决
        
相关问题
 HarmonyOS Web 组件添加下拉刷新,使用pulltorefresh 的下拉刷新会有手势冲突问题 
1026浏览  • 1回复 待解决
HarmonyOS  PullToRefresh中使用web组件,webview中网页下滑没到顶时,也会触发下拉刷新 
912浏览  • 1回复 待解决
基于PullToRefresh实现横向下拉刷新与加载更多 
3126浏览  • 1回复 待解决
滚动视图联动:实现多List联动滚动,横竖向滚动 
2810浏览  • 1回复 待解决
HarmonyOS  Web 控件加载pdf文件无法监听滚动 
942浏览  • 1回复 待解决
HarmonyOS Web组件嵌套滚动 当web 内容超过屏幕长度,web底部的内容无法滑动联动 
1353浏览  • 1回复 待解决
HarmonyOS  web组件滚动方向判断 
844浏览  • 1回复 待解决
HarmonyOS Web嵌套滚动体验差 
1110浏览  • 1回复 待解决
HarmonyOS使用Web组件如何监听滚动位置 
1512浏览  • 2回复 待解决
web组件和list嵌套滚动,在出现list后向下滑动,出现web滑动list不动的情况 
3018浏览  • 1回复 待解决
"@ohos/pulltorefresh": "^2.0.5", 这个组件是你们官方的下拉刷新控件吗? 
1008浏览  • 1回复 待解决
HarmonyOS Web组件的滚动条如何隐藏 
1221浏览  • 1回复 待解决
HarmonyOS  如何隐藏Web组件的滚动条? 
1578浏览  • 1回复 待解决
当用户滚动Web区域内容时,如何带动其他区域进行滚动? 
1035浏览  • 1回复 待解决
HarmonyOS Web组件怎么添加下拉刷新 
960浏览  • 1回复 待解决
HarmonyOS  图片放大后的滚动联动问题 
935浏览  • 1回复 待解决
HarmonyOS 在使用Web的同层渲染中使用关于滚动的api无效 
1168浏览  • 1回复 待解决
HarmonyOS 控件高度随滚动变化 
1220浏览  • 1回复 待解决
HarmonyOS bindSheet内部使用Tabs组件,滚动事件无法联动 
837浏览  • 1回复 待解决
有谁知道web组件如何下拉刷新 
2774浏览  • 1回复 待解决
HarmonyOS Web嵌套在List中,如何让web全部展示不滚动 
1113浏览  • 1回复 待解决
Marquee组件在文本末尾滚动到控件末尾时,能停止滚动并触发回调事件(目前是滚动到控件的开头) 
1111浏览  • 1回复 待解决
Web组件怎么知道滚动到顶部了 
1638浏览  • 1回复 待解决
pulltorefresh下拉触发刷新高度设置以及下拉背景的设置 
2675浏览  • 1回复 待解决





















可以使用web全量展开+nestedScroll滚动特性来解决。
文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-nested-scrolling-V5
使用到了api12新增的web的属性,renderMode:RenderMode.ASYNC_RENDER
自定义刷新动画可以参考文档:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-refresh-V5#示例2
其中builder是刷新动画的样式