HarmonyOS 元素高度排版异常
Column元素预期渲染的高度应该为300px,实际渲染的高度不足300px。
@Entry
@Component
struct TestPage {
build() {
Flex({ direction: FlexDirection.Column }) {
Column() {
Stack().height('100px').width('100%')
Stack().height('200px').width('100%')
}.width('100%').backgroundColor('blue')
Stack() {
Stack().width('100%').height('100%')
Stack().width('100%').height('100%')
}.flexGrow(1).width('100%').backgroundColor('#555555')
}.width('100%').height('100%').backgroundColor('#cccccc')
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS bindSheet高度异常
404浏览 • 1回复 待解决
HarmonyOS grid控件高度是否可以由内部子元素高度动态变换
712浏览 • 1回复 待解决
图文混合排版,图片相对文字出现偏移
755浏览 • 1回复 待解决
HarmonyOS Grid 组件如何根据子元素自适应高度?
96浏览 • 1回复 待解决
HarmonyOS row包裹的ab两个个子元素,如何让Row的高度自适应a的高度,让b的高度等于row的高度
20浏览 • 1回复 待解决
Swiper中子组件高度不同,导致切换时UI显示异常,如何保持Swiper中子组件在高度不同时,Swiper显示不异常?
701浏览 • 1回复 待解决
HarmonyOS 富文本richtext不能动态自适应高度,用measure计算出来高度异常
396浏览 • 1回复 待解决
HarmonyOS @ohos.graphics.text模块进行预排版
30浏览 • 1回复 待解决
HarmonyOS 文字排版时ascent - top的间距怎么获取
43浏览 • 1回复 待解决
HarmonyOS Scroll组件当子元素高度很小的时候是居中排列的,怎么才能从顶部排列
29浏览 • 1回复 待解决
js 如何获取页面元素 和页面元素的位置
8797浏览 • 2回复 待解决
HarmonyOS 动态隐藏页面元素
35浏览 • 1回复 待解决
HarmonyOS NavPathStack如何删除元素
39浏览 • 1回复 待解决
子元素超出父元素边界,并且覆盖在父元素之上。用Stack布局能实现吗?
795浏览 • 1回复 待解决
HarmonyOS Scroll组件设置最大高度,未超过最大高度就是内容高度
726浏览 • 1回复 待解决
HarmonyOS 如何监听每行显示几个元素,并且如何获取每个元素的宽度?
33浏览 • 1回复 待解决
HarmonyOS 弹窗显示异常
277浏览 • 1回复 待解决
HarmonyOS router回退异常
27浏览 • 1回复 待解决
HarmonyOS 上传图片异常
173浏览 • 1回复 待解决
HarmonyOS xml解析异常
28浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
97浏览 • 1回复 待解决
HarmonyOS 保存图片文件异常
354浏览 • 1回复 待解决
HarmonyOS Grid组件拖动异常
361浏览 • 1回复 待解决
HarmonyOS 组件尺寸显示异常
84浏览 • 1回复 待解决
HarmonyOS web页面显示异常
35浏览 • 1回复 待解决
因为Flex布局的默认行为是弹性布局,即内部元素会根据可用空间进行伸缩和压缩。具体来说,当父容器的尺寸固定时,内部元素的尺寸会根据其flex属性的设置进行调整,以尽可能填满父容器的剩余空间。
如果某个内部元素设置了flexGrow属性,表示设置组件在父容器的剩余空间所占比例;如果设置了flexShrink属性,表示设置父容器压缩尺寸分配给此属性所在组件的比例。可以给那个Column设置.flexShrink(0)。