Web和List嵌套手势冲突问题

import webview from '@ohos.web.webview'; 
 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
  private testNumber1: number[] = [1, 2, 3, 11, 22, 33, 44, 55] 
  private testNumber2: number[] = [4, 5, 6, 7, 8, 9] 
  controller: webview.WebviewController = new webview.WebviewController(); 
 
  build() { 
    Column() { 
      List() { 
        ForEach(this.testNumber1, (item: number) => { 
          ListItem() { 
            Text(item + '') 
              .fontSize(20) 
              .fontColor(Color.Red) 
              .height(50) 
          } 
        }, (item: string) => item) 
        ListItem() { 
          Web({ 
            src: 'www.baidu.com', 
            controller: this.controller 
          }) 
            .height(200) 
        } 
 
        ForEach(this.testNumber2, (item: number) => { 
          ListItem() { 
            Text(item + '') 
              .fontSize(20) 
              .fontColor(Color.Red) 
              .height(50) 
          } 
        }, (item: string) => item) 
      } 
      .alignListItem(ListItemAlign.Center) 
      .divider({ strokeWidth: 2 }) 
 
    } 
    .height('100%') 
  } 
}