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 的下拉刷新会有手势冲突问题
96浏览 • 1回复 待解决
HarmonyOS PullToRefresh中使用web组件,webview中网页下滑没到顶时,也会触发下拉刷新
22浏览 • 1回复 待解决
基于PullToRefresh实现横向下拉刷新与加载更多
1599浏览 • 1回复 待解决
滚动视图联动:实现多List联动滚动,横竖向滚动
1423浏览 • 1回复 待解决
HarmonyOS Web 控件加载pdf文件无法监听滚动
62浏览 • 1回复 待解决
HarmonyOS Web组件嵌套滚动 当web 内容超过屏幕长度,web底部的内容无法滑动联动
79浏览 • 1回复 待解决
HarmonyOS使用Web组件如何监听滚动位置
619浏览 • 2回复 待解决
HarmonyOS Web嵌套滚动体验差
81浏览 • 1回复 待解决
HarmonyOS web组件滚动方向判断
35浏览 • 1回复 待解决
web组件和list嵌套滚动,在出现list后向下滑动,出现web滑动list不动的情况
1906浏览 • 1回复 待解决
"@ohos/pulltorefresh": "^2.0.5", 这个组件是你们官方的下拉刷新控件吗?
191浏览 • 1回复 待解决
HarmonyOS 如何隐藏Web组件的滚动条?
548浏览 • 2回复 待解决
当用户滚动Web区域内容时,如何带动其他区域进行滚动?
343浏览 • 1回复 待解决
HarmonyOS Web组件怎么添加下拉刷新
79浏览 • 1回复 待解决
HarmonyOS 图片放大后的滚动联动问题
36浏览 • 1回复 待解决
HarmonyOS 在使用Web的同层渲染中使用关于滚动的api无效
224浏览 • 1回复 待解决
HarmonyOS bindSheet内部使用Tabs组件,滚动事件无法联动
133浏览 • 1回复 待解决
HarmonyOS 控件高度随滚动变化
0浏览 • 1回复 待解决
pulltorefresh下拉触发刷新高度设置以及下拉背景的设置
1240浏览 • 1回复 待解决
Web组件怎么知道滚动到顶部了
875浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
2013浏览 • 1回复 待解决
Marquee组件在文本末尾滚动到控件末尾时,能停止滚动并触发回调事件(目前是滚动到控件的开头)
309浏览 • 1回复 待解决
HarmonyOS 下拉刷新组件,顶部padding会导致下拉刷新的UI暴露出来
333浏览 • 1回复 待解决
HarmonyOS RN使用ScrollView做横向滚动时和Native的横向滚动冲突
339浏览 • 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是刷新动画的样式