HarmonyOS鸿蒙Next中在Scroll中地图无法垂直滑动

HarmonyOS鸿蒙Next中在Scroll中地图无法垂直滑动 因为 scroll组件和map的垂直滑动有冲突，所以地图可能无法垂直滑动

修改方式如下

可以通过在MapConponent的onTouch事件中确认父组件Scroll的滑动状态，若点击到Map则Scroll不响应滑动，松开时恢复，参考代码如下：

import { MapComponent, mapCommon, map } from '@kit.MapKit';

import { AsyncCallback } from '@kit.BasicServicesKit';

import { Const } from '../common/constants/CommonConstants';

@Entry

@Component

struct HuaweiMapDemo {

  private TAG = "HuaweiMapDemo";

  private mapOptions?: mapCommon.MapOptions;

  private callback?: AsyncCallback<map.MapComponentController>;

  private mapController?: map.MapComponentController;

  private mapEventManager?: map.MapEventManager;

  //控制外层Scroll能否垂直滚动

  @State scrollable: ScrollDirection = ScrollDirection.Vertical

  aboutToAppear(): void {

    // 地图初始化参数，设置地图中心点坐标及层级

    this.mapOption = {

      //...

    };

    // 地图初始化的回调

    this.callback = async (err, mapController) => {

      // ...

    };

  }

   build() {

    Stack() {

      Scroll() {

        Column() {

          // 调用 MapComponent初始化地图

          MapComponent({ mapOptions: this.mapOptions, mapCallback: this.callback })

            .width('100%')

            .onTouch((event) => {

              switch (event.type) {

                case TouchType.Down:

                  this.scrollable = ScrollDirection.None

                  break;

                case TouchType.Up:

                  this.scrollable = ScrollDirection.Vertical

                  break;

                case TouchType.Cancel:

                  this.scrollable = ScrollDirection.Vertical

                  break;

              }

            }).height(700)


          Text("AAA")

            .width("100%")

            .textAlign(TextAlign.Center)

            .height("40%")

            .backgroundColor(Color.Green)

            .height(600)

        }

      }

      .scrollable(this.scrollable)

      .onScrollStart(() => {

        console.log("==== onScrollStart")

      })

      .onScrollStop(() => {

        console.log("==== onScrollStop")

      })

      .width('100%')

      .height("100%")

      .backgroundColor(Color.Red)

      .padding(10)

    }.height('100%')

  }

}