HarmonyOS 鸿蒙Next TabContent内web组件滑动问题

想为每个page新增一个‘加载中’弹窗，应该如何封装调用？不想在每个page中都写冗余的CustomDialogController模板代码。

h691938207 1楼•5 个月前

可以参考：

[@CustomDialog](/user/CustomDialog)
struct CustomDialogExample {
 textContent: string = ''
 dialogController: CustomDialogController = new CustomDialogController({
   builder: CustomDialogExample(),
 })

 build() {
   Column() {
     Text(this.textContent)
       .fontSize(20)
       .margin({ top: 10, bottom: 10 })
   }
 }
}


[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
 [@Builder](/user/Builder)
 ButtonShowToast(buttonText: string, content: string) {
   Button(buttonText)
     .onClick(() => {
       let dialogController: CustomDialogController = new CustomDialogController({
         builder: CustomDialogExample({ textContent: content }),
       })
       dialogController.open()
     })
 }

 build() {
   Row() {
     Column() {
       this.ButtonShowToast('test1', '加载中1...')
       this.ButtonShowToast('test2', '加载中2...')
     }
   }
 }
}

更多关于HarmonyOS 鸿蒙Next TabContent内web组件滑动问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

yibo5220 2楼•5 个月前

针对HarmonyOS 鸿蒙Next TabContent内web组件滑动问题，以下是一些可能的解决方案：

调整Web组件的滑动属性：
- 检查Web组件的nestedScroll属性，确保已正确设置为允许嵌套滑动。
- 通过设置Web组件的hitTestBehavior属性，可以调整其触摸事件的响应行为，以避免与TabContent的滑动冲突。
优化TabContent的布局：
- 确保TabContent的布局合理，避免因为布局问题导致的滑动冲突。
- 尝试调整TabContent中Web组件的尺寸和位置，以优化滑动体验。
更新鸿蒙系统：
- 确保鸿蒙系统为最新版本，以便利用最新的性能优化和bug修复，可能有助于解决滑动问题。
检查系统资源：
- 确保应用及系统资源充足，减少不必要的后台进程和服务，以提升系统响应速度和滑动流畅度。

如果问题依旧没法解决请联系官网客服，官网地址是： https://www.itying.com/category-93-b0.html 。