HarmonyOS scroller.currentoffset位移获取问题

在onScrollStop回调时，通过scroller.currentOffet.yOffset获取不到正确的滑动距离；

需要获取到正确的滑动位移；

HarmonyOS

zxjiu

2024-08-08 17:49:47

浏览

回答 1

待解决

回答 1

按赞同

按时间

put_get

参考正常demo如下:

@Entry 
@Component 
struct ScrollExample { 
  scroller: Scroller = new Scroller() 
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] 
  @State yOffset: number = 0 
 
  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(() => { 
        if (this.scroller != undefined && this.scroller?.currentOffset() != undefined) { 
          this.yOffset = this.scroller.currentOffset().yOffset ?? 0; 
          console.info('Scroll Stop') 
        } 
      }) 
 
      Button('Y轴偏移量：' + this.yOffset.toString()) 
        .height('5%') 
        .onClick(() => { 
 
        }) 
        .margin({ top: 10, left: 20 }) 
 
    }.width('100%').height('100%').backgroundColor(0xDCDCDC) 
  } 
}