Web嵌套滑动卡顿怎么办?

Web嵌套滑动卡顿。

HarmonyOS
2024-11-05 10:48:22
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

​滑动嵌套问题可以从两方面处理:方式1、使用触摸测试控制,设置触摸测试类型从而影响自身和兄弟节点等组件的触摸测试,参考文档:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-hit-test-behavior-V5​​方式2、使用Scroll容器提供的nestedScroll属性设置嵌套滚动选项,可以设置前后两个方向上的嵌套滚动模式,参考文档:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-scroll-V5

方式2提供简单的示例代码如下:​

import web_webview from '@ohos.web.webview' 
 
@Entry 
@Component 
struct ScrollPage { 
  private scrollerForScroll: Scroller = new Scroller() 
  private scrollerForList: Scroller = new Scroller() 
  private arr: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15] 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
 
  build() { 
    Scroll(this.scrollerForScroll) { 
      Column() { 
        Web({ src: 'https://www.harmonyOS.com/', controller: this.controller }) 
          .width('100%') 
          .height('50%') 
        List({ space: 20, scroller: this.scrollerForList }) { 
          ForEach(this.arr, (item: number) => { 
            ListItem() { 
              Text("ListItem" + item) 
                .width("100%") 
                .height("100%") 
                .textAlign(TextAlign.Center) 
            }.width("100%").height(100) 
          }, (item: string) => item) 
        }.width("100%") 
        .height('80%') 
        .nestedScroll({ 
          scrollForward: NestedScrollMode.PARENT_FIRST, 
          scrollBackward: NestedScrollMode.SELF_FIRST 
        }) 
      } 
    }.width('100%') 
    .height('100%') 
    .padding(10) 
  } 
}
分享
微博
QQ
微信
回复
2024-11-05 15:24:59
相关问题
自定义组件怎么办啊?
317浏览 • 1回复 待解决
HarmonyOS List嵌套waterflow滑动
283浏览 • 1回复 待解决
redis 内存满了怎么办
3727浏览 • 3回复 待解决
无法使用hdc命令怎么办
3217浏览 • 1回复 待解决
多个模块依赖出现冲突,怎么办
234浏览 • 1回复 待解决
中奖码忘了保存怎么办
5623浏览 • 1回复 待解决
最新RNOH启动报错 ,该怎么办啊?
987浏览 • 1回复 待解决
模拟器无法创建该怎么办
191浏览 • 1回复 待解决
Gradle的依赖缓存被损坏怎么办
14371浏览 • 5回复 待解决
for .in 语法不支持,该怎么办啊?
781浏览 • 1回复 待解决
权限设置没有落地页,怎么办
334浏览 • 1回复 待解决
npm install -g serialport出错怎么办
15556浏览 • 5回复 待解决
xml没有自动补全,要怎么办
7899浏览 • 3回复 待解决
HarmonyOS list 嵌套web滑动切换问题
490浏览 • 1回复 待解决
运行应用提示如下内容该怎么办啊?
2452浏览 • 1回复 待解决
怎么办啊?
769浏览 • 1回复 待解决
安装动态库失败,该怎么办啊?
597浏览 • 1回复 待解决
如何处理tabs嵌套web滑动场景
500浏览 • 1回复 待解决