HarmonyOS List是否可以设置自适应高度

Column() {
  ......
  List({ space: 3 }) {
    LazyForEach(this.recWhites, (item: WhiteCompAlbum) => {
      ListItem() {
        Column() {
          Image(item.cover).width(80).height(80).borderRadius(8)
          Text(item.title).fontSize(18)
        }.margin({ left: 10, right: 10 })
      }
    })
  }
  .cachedCount(5)
  .listDirection(Axis.Horizontal)
  ...
}

布局大致如上,如果不给List组件设置固定的高度,它会将剩下的空间都给占满,在它下面的控件都看不到了。但是给它设置自定义高度又不灵活,是否有属性能让它根据自己的item自适应高度?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

list组件嵌套在Scroll下可以实现效果,示例参考如下:

Column() {
  Scroll() {
    List({ space: 3 }) {
      ForEach(this.recWhites, (item: string) => {
        ListItem() {
          Column() {
            Image($r('app.media.app_icon')).width(80).height(80).borderRadius(8)
            Text(item).fontSize(18)
          }.margin({ left: 10, right: 10 })
        }
      })
    }
    .cachedCount(5)
    .listDirection(Axis.Horizontal)
    .backgroundColor(Color.Pink)
  }
  .width('100%')
}
.width('100%')
.height('100%')
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS List高度根据内容自适应
288浏览 • 1回复 待解决
HarmonyOS 高度自适应
420浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
159浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
170浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
569浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
76浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
934浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
194浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
482浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
537浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
288浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
225浏览 • 1回复 待解决