HarmonyOS List和Web嵌套问题
代码片段:
import { webview } from '@kit.ArkWeb';
@Entry
@Component
struct ArticleDetailPage {
  controller: webview.WebviewController = new webview.WebviewController();
  build() {
    Column() {
      List() {
        ListItem() {
          this.titleBuilder()
        }
        ListItem() {
          this.webBuilder()
        }.hitTestBehavior(HitTestMode.Block)
      }
      .height('100%')
      .width('100%')
    }
  }
  @Builder
  titleBuilder() {
    Column() {
      Text('标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题')
        .fontSize(22)
        .fontColor('#333333')
        .fontWeight(FontWeight.Bold)
        .width('100%')
      Row({ space: 12 }) {
        Text('证券时报网 李捷').fontSize(14).fontColor('#999999')
        Text('2024-06-26 10:00')
          .fontSize(14)
          .fontColor('#999999')
      }.width('100%').margin({ top: 12 })
    }.padding({ left: 20, top: 20, right: 20 })
  }
  @Builder
  webBuilder() {
    Web({
      src: 'https://mo.mbd.huawei.com/r/1luGMZf1l5K?f=cp&rs=689114949&ruk=El3XPsRK2yXiiBsc21uK2A&u=a178defbbd8c5bbf',
      controller: this.controller
    })
      .nestedScroll({
        scrollForward: NestedScrollMode.SELF_FIRST,
        scrollBackward: NestedScrollMode.SELF_FIRST
      })
      .margin({
        left: 17,
        right: 17,
        top: 25,
        bottom: 20
      })
      .width('calc(100% - 40vp)')
      .height('100%')
      .layoutMode(WebLayoutMode.FIT_CONTENT)
  }
}
遇到问题:
1、List的ListItem设置hitTestBehavior(HitTestMode.Block) 后不能自身响应触摸事件
2、Web设置layoutMode(WebLayoutMode.FIT_CONTENT)后高度不能自适应
        HarmonyOS
      
        赞
        
 收藏 0
 回答 1
 
        待解决
        
相关问题
 refresh + scroll+list嵌套问题 
1500浏览  • 1回复 待解决
HarmonyOS  WaterFlow嵌套问题 
814浏览  • 1回复 待解决
HarmonyOS 组件嵌套问题 
1241浏览  • 1回复 待解决
Web和List嵌套手势冲突问题 
2000浏览  • 1回复 待解决
HarmonyOS Web组件和List的嵌套使用问题 
1784浏览  • 1回复 待解决
HarmonyOS List嵌套List和List嵌套Grid问题 
1333浏览  • 1回复 待解决
HarmonyOS  list 嵌套web滑动切换问题 
1492浏览  • 1回复 待解决
HarmonyOS  list嵌套tabs,tabs嵌套web,滑动问题 
1306浏览  • 1回复 待解决
List、Scroll、Swipper 、web等嵌套使用滑动冲突问题 
2968浏览  • 1回复 待解决
web组件和list嵌套滚动,在出现list后向下滑动,出现web滑动list不动的情况 
3018浏览  • 1回复 待解决
HarmonyOS 关于Scroll和List嵌套滚动的悬停问题 
1415浏览  • 1回复 待解决
HarmonyOS  Scroll+web+list的嵌套滑行 
950浏览  • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题 
1181浏览  • 1回复 待解决
scroll和list的嵌套滑动 
3131浏览  • 1回复 待解决
HarmonyOS Web嵌套在List中,如何让web全部展示不滚动 
1106浏览  • 1回复 待解决
当Web与List同时嵌套使用,会出现滑动冲突问题,怎么解决 
2769浏览  • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题 
1134浏览  • 1回复 待解决
HarmonyOS  scroll嵌套多个web,显示问题 
1124浏览  • 1回复 待解决
HarmonyOS List嵌套list中的布局 
1238浏览  • 1回复 待解决
HarmonyOS list嵌套list,scrollToItemInGroup不执行 
1076浏览  • 1回复 待解决
HarmonyOS List中LazyForEach嵌套Component组件生命周期问题 
1129浏览  • 1回复 待解决
HarmonyOS list嵌套list,双重list都使用LazyForEach的时候,内层的list的item出现空白问题 
1329浏览  • 1回复 待解决
HarmonyOS  WaterFlow嵌套在list中,会全量加载的问题 
1508浏览  • 1回复 待解决
HarmonyOS list嵌套MapComponent滑动冲突 
905浏览  • 1回复 待解决
HarmonyOS  List嵌套不能同步数据 
1353浏览  • 1回复 待解决





















可参考代码如下: