HarmonyOS 列表自适应高度？

Question

我有一个列表数据，但是我列表底部还有别的内容，我希望这个列表自适应高度，因为我不给它设置高度它默认是全屏高度，但是在实际场景中又很多列表是不确定高度的，我应该怎么办？

Answer 1

在代码中加上onAreaChange 事件可以获取高度

demo如下：

// xxx.ets
@Entry
@Component
struct AreaExample {
  @State value: string = 'Text'
  @State sizeValue: string = ''

  build() {
    Column() {
      Text(this.value)
        .backgroundColor(Color.Green)
        .margin(30)
        .fontSize(20)
        .onClick(() => {
          this.value = this.value + 'Text'
        })
        .onAreaChange((oldValue: Area, newValue: Area) => {
          // 组件区域变化时触发onAreaChange回调。仅会响应由布局变化所导致的组件大小、位置发生变化时的回调。由绘制变化所导致的渲染属性变化不会响应回调，如translate、offset。
          // 可以看到里面还可以获取宽度等一些列属性
          console.info(`Ace: on area change, oldValue is ${JSON.stringify(oldValue)} value is ${JSON.stringify(newValue)}`)
          this.sizeValue = JSON.stringify(newValue)
        })
      Text('new area is: \n' + this.sizeValue).margin({ right: 30, left: 30 })
    }
    .width('100%').height('100%').margin({ top: 30 })
  }
}

参考链接如下：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-area-change-event-V5