HarmonyOS 自适应父组件高度问题
UI设计中一个列表的列表项有个结构是列表项为左右结构,列表项的高度由右侧高度决定(右侧高度由右侧子组件高度决定),左侧显示一条垂直的虚线(高度与右侧高度相同),碰到的问题是如果给给左侧设置.height(‘100%’)会导致父组件高度超出右侧高度,如果左侧不设height,则虚线没高度显示。请教,HarmonyOS的布局如何实现,高度由右侧决定,左侧高度依据右侧自适应,左侧要显示一根宽度1,高度填满的虚线
咨询场景描述:样例代码如下:
@Component
export struct K24PageListItemComponent {
build() {
Row() {
Column() {
Line()
.stroke('#CCCCCC')
.strokeWidth(1)
.strokeDashArray([10, 3])
.strokeLineCap(LineCapStyle.Round)
.backgroundColor(Color.Transparent)
.width(30)
.height(Const.FULL_PERCENT)
}
.backgroundColor(Color.Brown)
.width(30)
Column() {
Text('右侧组件区域').fontSize(20)
}
.height(100)
.layoutWeight(1)
.backgroundColor(Color.Gray)
}
.width(Const.FULL_PERCENT)
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS web组件自适应高度问题
2190浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
2015浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
1374浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
1345浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
1076浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
1034浏览 • 1回复 待解决
HarmonyOS 高度自适应
1349浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
1655浏览 • 1回复 待解决
Web组件如何实现高度自适应?
1982浏览 • 1回复 待解决
Grid组件如何实现高度自适应
4467浏览 • 1回复 待解决
设置list自适应内容撑起高度,会发现list超出父视图的问题
1590浏览 • 1回复 待解决
HarmonyOS Grid组件能否自适应内容高度?
909浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
1076浏览 • 1回复 待解决
HarmonyOS Tabs组件,TabContent的高度无法自适应内容组件高度
1440浏览 • 1回复 待解决
HarmonyOS 自定义弹窗中放Web组件, 弹窗高度不能自适应, Web高度不能自适应
927浏览 • 1回复 待解决
HarmonyOS 关于list横向滚动高度不会自适应子组件问题
941浏览 • 1回复 待解决
HarmonyOS Stack容器中子view自适应高度问题
1515浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
1070浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
832浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
1006浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
1534浏览 • 1回复 待解决
HarmonyOS 网格布局是否可以自适应高度?根据数据的数量 自适应高度
1117浏览 • 1回复 待解决
HarmonyOS Grid 组件如何根据子元素自适应高度?
1035浏览 • 1回复 待解决
HarmonyOS RelativeContainer、List组件怎么实现自适应内容高度
3241浏览 • 2回复 待解决
HarmonyOS web的高度自适应内容的高度
1592浏览 • 1回复 待解决
可以使用onAreaChange获取右侧组件高度,demo如下:
参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-component-area-change-event-0000001820880805#ZH-CN_TOPIC_0000001820880805__onareachange