HarmonyOS 如何让row的高度或者column的宽度自适应
@Entry
@Component
struct demo1 {
@State arr: Array<number> = [0,1,2,3,4,5]
build() {
Column() {
Row(){
Column() {
List({scroller: new Scroller()}) {
ForEach(this.arr, (item:number) => {
ListItem() {
Text(item.toString())
.padding(12)
.margin(2)
.backgroundColor(Color.Gray)
}
})
}.backgroundColor(Color.Green)
.listDirection(Axis.Horizontal)
}
.alignItems(HorizontalAlign.Start)
.height('auto')
.layoutWeight(1)
.backgroundColor(Color.Yellow)
Text("end").padding(12).backgroundColor(Color.Blue)
}.width('100%').backgroundColor(Color.Pink)
}
.width('100%')
.height(100)
}
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
上述代码,在column中嵌入横向List之后,整个Row的宽度会显示为父容器的高度,期望是为内容的高度运行效果中,每个list item的高度为灰色,符合预期,但是List的高度为撑满,不符合预期
HarmonyOS
赞
收藏 0
回答 1
相关问题
HarmonyOS row包裹的ab两个个子元素,如何让Row的高度自适应a的高度,让b的高度等于row的高度
308浏览 • 1回复 待解决
HarmonyOS Column中子View的宽度如何根据Column的实际宽度进行自适应
461浏览 • 1回复 待解决
HarmonyOS web中展示富文本,如何控制里面图片的大小,让宽度占满,高度自适应
344浏览 • 1回复 待解决
HarmonyOS 组件的高度或宽度自适应是怎么设置的?
321浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
740浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web的高度
297浏览 • 1回复 待解决
HarmonyOS Image 组件 宽度自适应, 高度怎么设置height: auto?
409浏览 • 1回复 待解决
HarmonyOS RelativeContainer组件的宽高如何随着子组件布局自适应大小,column和row都可以
1199浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
726浏览 • 1回复 待解决
HarmonyOS grid如何自适应宽度
538浏览 • 1回复 待解决
HarmonyOS 高度自适应
743浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
440浏览 • 1回复 待解决
HarmonyOS popup宽度自适应
362浏览 • 1回复 待解决
HarmonyOS 网格布局是否可以自适应高度?根据数据的数量 自适应高度
478浏览 • 1回复 待解决
HarmonyOS 如何实现高度自适应的横向List
380浏览 • 1回复 待解决
HarmonyOS image的填充方式是否支持按比例宽度填满,高度自适应且超出指定高度裁剪
483浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
375浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
352浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1267浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
913浏览 • 1回复 待解决
HarmonyOS 如何设置List的Item的高度自适应为内容本身的高度?
397浏览 • 1回复 待解决
HarmonyOS Image如何设置内容宽度自适应
445浏览 • 1回复 待解决
HarmonyOS List高度根据内容自适应
620浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
475浏览 • 1回复 待解决
请参考以下示例:
确认规格, list交叉轴方向上的宽度继承关系, 当父组件无穷大的时候, 继承子组件的宽度, 否则继承父组件的宽度
当前问题, list组件外部用scroll组件设置相互垂直的主轴方向可以满足