仿射变换后列表滑动问题

Column() {  
  Scroll(this.scrollScroller) {  
    List({ scroller: this.rightScroller }) {  
      ForEach(this.dataList, (item: number, index) => {  
        ListItem() {  
          Row() {  
            Text(`第一列${item}`).width(100).textAlign(TextAlign.Center)  
              .scale({x:-1,y:1})  
            Text(`第二列${item}`).width(100).textAlign(TextAlign.Center)  
              .scale({x:-1,y:1})  
            Text(`第三列${item}`).width(100).textAlign(TextAlign.Center)  
              .scale({x:-1,y:1})  
            Text(`第四列${item}`).width(100).textAlign(TextAlign.Center)  
              .scale({x:-1,y:1})  
          }.height(this.itemHeight)  
        }  
      })  
    }  
    .width(700)  
    .height(this.listViewHeight)  
    .cachedCount(5)  
    .edgeEffect(EdgeEffect.None)  
    .backgroundColor(Color.Orange)  
  }  
  .scrollBar(BarState.Off)  
  .scale({x:-1,y:1})  
  .height("100%")  
  .flexShrink(1)  
  .onScroll((xOffset: number, yOffset: number) => {  
    let offsetX = this.scrollScroller.currentOffset().xOffset;  
    this.xScroll = offsetX  
  })  
}  
.height("100%")  
.width("100%")