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组件自适应高度问题
749浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
444浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
202浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
148浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
168浏览 • 1回复 待解决
HarmonyOS 高度自适应
105浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
160浏览 • 1回复 待解决
设置list自适应内容撑起高度,会发现list超出父视图的问题
208浏览 • 1回复 待解决
HarmonyOS RelativeContainer、List组件怎么实现自适应内容高度
317浏览 • 2回复 待解决
HarmonyOS Tabs组件,TabContent的高度无法自适应内容组件高度
197浏览 • 1回复 待解决
Web组件如何实现高度自适应?
920浏览 • 1回复 待解决
Grid组件如何实现高度自适应
2985浏览 • 1回复 待解决
HarmonyOS Stack容器中子view自适应高度问题
334浏览 • 1回复 待解决
HarmonyOS List嵌套Grid,Grid怎么自适应高度
527浏览 • 1回复 待解决
HarmonyOS RelativeContainer宽高自适应问题
273浏览 • 1回复 待解决
HarmonyOS 如何实现listItem高度随内容自适应
270浏览 • 1回复 待解决
HarmonyOS RichText不能自适应高度,不能设置文字大小
226浏览 • 1回复 待解决
Web组件如何实现嵌套滑动,如何实现web控件的自适应高度
2355浏览 • 1回复 待解决
List水平布局如何根据内容自适应高度
478浏览 • 1回复 待解决
HarmonyOS RichText 无法自适应高度、无法设置富文本内容字体样式
435浏览 • 1回复 待解决
HarmonyOS Text组件如何实现文字大小自适应?
270浏览 • 1回复 待解决
HarmonyOS waterflow 组件加载网络图片宽度固定高度自适应FlowItem没有自动撑开
223浏览 • 1回复 待解决
RelativeContainer 里面嵌套子组件 text ,如何基于 text 的内容自适应高度?
220浏览 • 1回复 待解决
Grid组件,使用columnsTemplate属性规定列数后,组件的高度自适应功能失效
2217浏览 • 1回复 待解决
HarmonyOS Web组件嵌套在Scroll布局中或List布局中,如何实现Web组件高度根据内容自适应
250浏览 • 1回复 待解决
可以使用onAreaChange获取右侧组件高度,demo如下:
参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-component-area-change-event-0000001820880805#ZH-CN_TOPIC_0000001820880805__onareachange