HarmonyOS 鸿蒙Next Webview组件加载地图并在其上放置其他组件时Webview不响应点击事件

虽然与实际需求有点出入，但鸿蒙这里只能勉之了，

你这个很简单，

import web_webview from '@ohos.web.webview'

@Entry
@Component
struct Index {

    webController: web_webview.WebviewController = new web_webview.WebviewController()
    scrollController: Scroller = new Scroller()
    listController: Scroller = new Scroller()
    @State listPosition: number = 0
    @State arr: string[] = ["1", "2"]
    @State rowRatio: number = 0

    @State stackHeight: number = 0
    @State stackWidth: number = 0

    build() {

        Stack() {
            Web({
                src: $rawfile("map.html"),
                controller: this.webController
            })
                .height(CommonConstants.FULL_PARAM)
                .width(CommonConstants.FULL_PARAM)
                .javaScriptAccess(true)
                .id('web')

            Scroll(this.scrollController) {
                Column() {
                    Row()
                        .height('70%')
                        .width(CommonConstants.FULL_PARAM)
                        .enabled(false)
                        .onVisibleAreaChange([0.0, 1.0], (_, ratio) => {
                            this.rowRatio = ratio;
                        })
                    List({
                        'scroller': this.listController
                    }) {
                        ForEach(this.arr, (item, i) => {
                            ListItem() {
                                Text(`${item}`)
                                    .width('100%')
                                    .height(150)
                                    .backgroundColor(0xFFFFFF)
                                    .enabled(i != 0)
                            }
                        }, item => item)
                    }
                    .edgeEffect(EdgeEffect.None)
                    .width(CommonConstants.FULL_PARAM)
                    .onReachStart(() => {
                        this.listPosition = 0;
                    })
                    .onReachEnd(() => {
                        this.listPosition = 2;
                    })
                    .onTouch((event) => {
                        console.log('111list')
                    })
                    .onScrollFrameBegin((offset) => {
                        if (this.rowRatio <= 1 && this.rowRatio > 0) {
                            this.scrollController.scrollBy(0, offset)
                            return { offsetRemain: 0 }
                        }
                        if (this.rowRatio == 0) {
                            if ((this.listPosition == 0 && offset <= 0) /*|| this.listPosition == 2 && offset >= 0*/) {
                                this.scrollController.scrollBy(0, offset)
                                return { offsetRemain: 0 }
                            }
                            return { offsetRemain: offset }
                        }
                    })
                }
                .height(CommonConstants.FULL_PARAM)
                .width(CommonConstants.FULL_PARAM)
            }
            .height("10%")
            .width(CommonConstants.FULL_PARAM)
            .id('cardList')
            .border({width: 2, color: Color.Orange, style: BorderStyle.Dashed})
            .position({
                x: 0,
                y: 0
            })

            Row() {
                Text('11').backgroundColor(Color.Blue)
            }
            .id('menuList')
            .backgroundColor(Color.Green)
            .width('10%')
            .height('50%')
            .position({
                x: this.stackWidth * 0.9,
                y: 0
            })
        }
        .height(CommonConstants.FULL_PARAM)
        .width(CommonConstants.FULL_PARAM)
        .onAreaChange((_, newValue: Area) => {
            this.stackHeight = newValue.height as number
            this.stackWidth = newValue.width as number
        })
    }
}

class CommonConstants{
    static FULL_PARAM = "100%"
}