HarmonyOS 如何实现高度自适应的横向List

需要实现一个横向的List布局,内部组件高度不固定,需要List的高度自适应,不能写定值。

在实现过程中发现List().listDirection(Axis.Horizontal)后内部组件的高度默认为父组件的100%。

如何才能实现高度自适应

HarmonyOS
2025-01-09 15:19:39
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
aquaa

外层套Scroll组件可以使横向滚动的list高度自适应,scroll高度无穷大,list组件不能继承scroll的高度无穷大,所以会根据子组件高度自适应

build() {
  Column() {
    Stack({ alignContent: Alignment.TopEnd }) {
      Scroll() {
        List({ space: 8, scroller: this.scroller }) {
          ListItem() {
            Row() {
              Text('123')
            }.backgroundColor(Color.Red).width('100%')

          }.backgroundColor(Color.Red)
        }.contentStartOffset(16)
        .contentEndOffset(16)
        .listDirection(Axis.Horizontal)
      }
    }.width('100%').margin(MTop).backgroundColor(Color.Blue)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
分享
微博
QQ
微信
回复
2025-01-09 18:08:54
相关问题
HarmonyOS List高度根据内容自适应
820浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
482浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
455浏览 • 1回复 待解决
List水平布局如何根据内容自适应高度
1341浏览 • 1回复 待解决
Web组件如何实现高度自适应
1566浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3911浏览 • 1回复 待解决
HarmonyOS 高度自适应
896浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
591浏览 • 1回复 待解决
HarmonyOS web高度自适应内容高度
959浏览 • 1回复 待解决
HarmonyOS 高度自适应问题
853浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
518浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
511浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
1077浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1453浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
620浏览 • 1回复 待解决