HarmonyOS web嵌套在swiper里面时,拖动web内容可以向左上右上方向滑动。要么上下滑动,要么左右切换。一次只响应一个方向的手势。

HarmonyOS
2024-12-17 13:13:57
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

可以在swiper组件后加上.indicator(true).vertical(false),设置不能垂直滑动,请参考以下文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-swiper-V5

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-hit-test-behavior-V5

参考以下demo:

@Component
export struct  WebPage {
  private webVC: WebviewController = new webview.WebviewController()
  src: string = ''
  build() {
    Web({src: this.src, controller: this.webVC})
      .onControllerAttached(()=>{
        ///设置自定义ua是为了让web展示手机端样式
        this.webVC.setCustomUserAgent('Mozilla/5.0 (iPhone; CPU iPhone OS 16_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148;;xsb;xsb_muguang;6.12.0;Appstore;native_app;6.12.0')
      })
      .nestedScroll({
        scrollForward: NestedScrollMode.PARENT_FIRST,
        scrollBackward: NestedScrollMode.PARENT_FIRST,
      })
      .width('100%')
      .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-17 15:34:43
相关问题
服务卡片可以响应上下滑动操作吗?
7292浏览 • 2回复 待解决
HarmonyOS list 嵌套web滑动切换问题
873浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
601浏览 • 1回复 待解决
Tab组件内嵌web view左右滑动切换问题
698浏览 • 1回复 待解决
onTouch事件是否可以判断滑动方向
2391浏览 • 1回复 待解决
键盘拉起列表无法上下滑动
2438浏览 • 1回复 待解决
HarmonyOS 如何判断滑动方向
193浏览 • 1回复 待解决
HarmonyOS web组件拦截每一次跳转
325浏览 • 1回复 待解决