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)
  ...
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.

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

HarmonyOS
2025-01-09 16:04:12
890浏览
收藏 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%')
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
分享
微博
QQ
微信
回复
2025-01-09 18:16:54


相关问题
HarmonyOS List高度根据内容自适应
821浏览 • 1回复 待解决
HarmonyOS 高度自适应
897浏览 • 1回复 待解决
List水平布局如何根据内容自适应高度
1341浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
591浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
518浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
511浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
1077浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1453浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
853浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
620浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
959浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
959浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
661浏览 • 1回复 待解决