HarmonyOS 关于Scroll中如何实现 横向+纵向滚动的功能

@Entry  
@Component  
struct Index {  
  private scrollController: Scroller = new Scroller();  
  private scrollControllerOut: Scroller = new Scroller();  
  message: string = "12314567123145671231456712314567"  
  @State scaleValue: number = 1;  
  @State pinchValue: number = 1;  
  @State pinchX: number = 0;  
  @State pinchY: number = 0;  
  build() {  
    Column() {  
      Scroll(this.scrollControllerOut) {  
        Scroll(this.scrollController) {  
          Column() {  
            Image($r("app.media.startIcon")).width(100)  
              .scale({ x: this.scaleValue, y: this.scaleValue, z: 1 })  
              .gesture(  
                PinchGesture({ fingers: 2 }).onActionStart((event: GestureEvent | undefined) => {  
                  console.info('Pinch start');  
                })// 当捏合手势触发时，可以通过回调函数获取缩放比例，从而修改组件的缩放比例  
                  .onActionUpdate((event: GestureEvent | undefined) => {  
                    if (event) {  
                      this.scaleValue = this.pinchValue * event.scale;  
                      this.pinchX = event.pinchCenterX;  
                      this.pinchY = event.pinchCenterY;  
                    }  
                  })  
                  .onActionEnd(() => {  
                    this.pinchValue = this.scaleValue;  
                    console.info('Pinch end');  
                  })  
              )  
          }  
        }  
        .scrollable(ScrollDirection.Horizontal)  
        .nestedScroll({ scrollForward: NestedScrollMode.PARALLEL, scrollBackward: NestedScrollMode.PARALLEL })  
      }  
      .width(300)  
      .height(300)  
      .scrollable(ScrollDirection.Vertical)  
      .scale({ x: this.scaleValue, y: this.scaleValue, z: 1 })  
      .gesture(  
        PinchGesture({ fingers: 2 }).onActionStart((event: GestureEvent | undefined) => {  
          console.info('Pinch start');  
        })// 当捏合手势触发时，可以通过回调函数获取缩放比例，从而修改组件的缩放比例  
          .onActionUpdate((event: GestureEvent | undefined) => {  
            if (event) {  
              this.scaleValue = this.pinchValue * event.scale;  
              this.pinchX = event.pinchCenterX;  
              this.pinchY = event.pinchCenterY;  
            }  
          })  
          .onActionEnd(() => {  
            this.pinchValue = this.scaleValue;  
            console.info('Pinch end');  
          })  
      )  
    }  
    .height('100%')  
    .width('100%')  
  }  
}