如何处理默认自带手势的系统组件进行手势绑定时的冲突场景

@Entry 
@Component 
struct ScrollExample { 
  scroller: Scroller = new Scroller() 
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] 
  private panOption: PanGestureOptions = new PanGestureOptions({ direction: PanDirection.Up | PanDirection.Down }) 
 
  build() { 
    Stack({ alignContent: Alignment.TopStart }) { 
      Scroll(this.scroller) { 
        Column() { 
          ForEach(this.arr, (item: number) => { 
            Text(item.toString()) 
              .width('90%') 
              .height(150) 
              .backgroundColor(0xFFFFFF) 
              .borderRadius(15) 
              .fontSize(16) 
              .textAlign(TextAlign.Center) 
              .margin({ top: 10 }) 
          }, (item: string) => item) 
        }.width('100%') 
      } 
      .scrollable(ScrollDirection.Vertical) // 滚动方向纵向 
      .scrollBar(BarState.On) // 滚动条常驻显示 
      .scrollBarColor(Color.Gray) // 滚动条颜色 
      .scrollBarWidth(10) // 滚动条宽度 
      .friction(0.6) 
      .edgeEffect(EdgeEffect.None) 
      .onScroll((xOffset: number, yOffset: number) => { 
        console.info(xOffset + ' ' + yOffset) 
      }) 
      .onScrollEdge((side: Edge) => { 
        console.info('To the edge') 
      }) 
      .onScrollStop(() => { 
        console.info('Scroll Stop') 
      }) 
    } 
    //使用并行手势绑定方法（parallelGesture）进行组件的手势事件绑定，避免与组件自带手势冲突 
    .parallelGesture( 
      PanGesture(this.panOption) 
        .onActionStart((event?: GestureEvent) => { 
          console.info('Pan start', event) 
        }) 
        .onActionUpdate((event?: GestureEvent) => { 
          if (event) { 
            console.info('Pan event', event) 
          } 
        }) 
        .onActionEnd(() => { 
          console.info('Pan end') 
        }) 
    ) 
    .width('100%').height('100%').backgroundColor(0xDCDCDC) 
  } 
}