HarmonyOS 如何获取列表list中,获取到每个item的left和宽度

需要获取item坐标如果是为了实现item是否在屏幕显示范围可参考以下demo：

@Entry
@Component
struct ListDemoPage {
  scroller: Scroller = new Scroller()
  imgList: Resource[] = []
  @State endIndex: number = -1
  // 记录需要上报的item的index
  @State trackArr: number[] = []

  aboutToAppear(): void {
    for (let i = 0; i < 11; i++) {
      this.imgList.push($r('app.media.app_icon'))
    }
  }
  build() {
    Column() {
      List({ scroller: this.scroller,space: 10 }) {
        ForEach(this.imgList, (item: Resource, index: number) => {
          ListItem() {
            Image(item)
              .width(350)
              .height('100%')
              .objectFit(ImageFit.Contain)
              .borderRadius(4)
          }
          .height(200)
          .backgroundColor(Color.Gray)
          .onVisibleAreaChange([0.0, 1.0], (isVisible: boolean, currentRatio: number) => {
            if (isVisible && currentRatio >= 1.0) {
              if (this.trackArr.indexOf(index) === -1) {
                this.trackArr.push(index)
              }
            }
            if (!isVisible) {
              if (this.trackArr.indexOf(index) > -1) {
                this.trackArr.splice(this.trackArr.indexOf(index), 1)
              }
            }
          })
        }, (item: Resource) => JSON.stringify(item))
      }
      .onScrollIndex((first: number, end: number, center: number) => {
        this.endIndex = center
      })
      .onScrollStop(() => {
        console.log('result array ==> ' + JSON.stringify(this.trackArr))
      })
      .scrollBar(BarState.Off)
      .width('100%')
      .height('100%')
      .edgeEffect(EdgeEffect.None)
      .backgroundColor(Color.Transparent)
    }
    .width('100%')
    .height('100%')
  }
}

目前没有直接的方法去获取listItem的直接高度，你可以通过onDidScroll，当列表滑动时触发，返回当前帧滑动的偏移量，通过这个计算每一条的高度

参考链接：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-list-V5#ondidscroll12