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组件自适应高度问题
2152浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1985浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
1365浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
1320浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
1023浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
1051浏览 • 1回复 待解决
HarmonyOS 高度自适应
1330浏览 • 1回复 待解决
设置list自适应内容撑起高度,会发现list超出父视图的问题
1567浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
1624浏览 • 1回复 待解决
Web组件如何实现高度自适应?
1964浏览 • 1回复 待解决
Grid组件如何实现高度自适应
4442浏览 • 1回复 待解决
HarmonyOS 自定义弹窗中放Web组件, 弹窗高度不能自适应, Web高度不能自适应
907浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
1043浏览 • 1回复 待解决
HarmonyOS Grid组件能否自适应内容高度?
897浏览 • 1回复 待解决
HarmonyOS 关于list横向滚动高度不会自适应子组件问题
932浏览 • 1回复 待解决
HarmonyOS Tabs组件,TabContent的高度无法自适应内容组件高度
1376浏览 • 1回复 待解决
HarmonyOS Stack容器中子view自适应高度问题
1485浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
1501浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
984浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
818浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
1037浏览 • 1回复 待解决
HarmonyOS RelativeContainer、List组件怎么实现自适应内容高度
3096浏览 • 2回复 待解决
HarmonyOS Grid 组件如何根据子元素自适应高度?
1018浏览 • 1回复 待解决
HarmonyOS 网格布局是否可以自适应高度?根据数据的数量 自适应高度
1092浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
1565浏览 • 1回复 待解决
可以使用onAreaChange获取右侧组件高度,demo如下:
参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-component-area-change-event-0000001820880805#ZH-CN_TOPIC_0000001820880805__onareachange