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)
  }
}
分享
微博
QQ
微信
回复
2025-01-09 18:08:54
相关问题
HarmonyOS List高度根据内容自适应
479浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
203浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
179浏览 • 1回复 待解决
List水平布局如何根据内容自适应高度
1036浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3597浏览 • 1回复 待解决
Web组件如何实现高度自适应
1325浏览 • 1回复 待解决
HarmonyOS 高度自适应
625浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
330浏览 • 1回复 待解决
HarmonyOS web高度自适应内容高度
576浏览 • 1回复 待解决
HarmonyOS 高度自适应问题
644浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
204浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1119浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
784浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
280浏览 • 1回复 待解决