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

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

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

如何才能实现高度自适应

HarmonyOS
2天前
浏览
收藏 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)
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS List高度根据内容自适应
287浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
28浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3420浏览 • 1回复 待解决
Web组件如何实现高度自适应
1200浏览 • 1回复 待解决
HarmonyOS 高度自适应
415浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
158浏览 • 1回复 待解决
HarmonyOS web高度自适应内容高度
288浏览 • 1回复 待解决
HarmonyOS 高度自适应问题
482浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
929浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
564浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
67浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
168浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
534浏览 • 1回复 待解决