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

HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
服务卡片可以响应上下滑动操作吗?
6897浏览 • 2回复 待解决
HarmonyOS list 嵌套web滑动切换问题
475浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
341浏览 • 1回复 待解决
Tab组件内嵌web view左右滑动切换问题
241浏览 • 1回复 待解决
onTouch事件是否可以判断滑动方向
1991浏览 • 1回复 待解决
键盘拉起列表无法上下滑动
2160浏览 • 1回复 待解决