HarmonyOS鸿蒙Next中OpenHarmony ETS坑6，Stack高度不正确

HarmonyOS鸿蒙Next中OpenHarmony ETS坑6，Stack高度不正确

源码：

@Entry
@Component
struct Index {
  build() {
    Stack() {
      Text("A")
        .fontSize(40)
      Column()
        .height(400)
        .position({
          x:0,
          y:0
        })
    }
    .width(100)
    .backgroundColor('#f00')
  }
}

把Stack换成Column又正常


更多关于HarmonyOS鸿蒙Next中OpenHarmony ETS坑6，Stack高度不正确的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

开发工具和API版本

cke_326.png

cke_354.png

更多关于HarmonyOS鸿蒙Next中OpenHarmony ETS坑6，Stack高度不正确的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


楼主你好，我这边Stack\Column显示是没有问题的，建议您升级一下sdk试试看

我是OpenHarmony SDK API Version 9 版本3.2.7.5 Beta3， 你是什么版本，

您的IDE版本是多少？
这边是3.1 Canary1
您那情况是height属性不生效吗？

DevEco Studio 3.0 Release 构建版本：3.0.0.993，构建 September 4, 2022  
运行时版本:11.0.13+7-b1751.21 amd64  
VM: Dynamic Code Evolution 64-Bit Server VM，JetBrains s.r.o.  
Windows 11 10.0  
GC: G1 Young Generation, G1 Old Generation  
Memory: 1536M  
Cores: 8  
Registry: external.system.auto.import.disabled=true, ide.images.show.chessboard=true，

在HarmonyOS鸿蒙Next中使用OpenHarmony ETS开发时，可能会遇到Stack组件高度不正确的问题。这通常是由于Stack的布局机制导致的，Stack默认会将其子组件堆叠在一起，并且子组件的高度可能会影响Stack的整体高度。解决方法包括：

  1. 明确设置Stack的高度；

  2. 使用alignContent属性调整子组件的对齐方式；

  3. 确保子组件的布局属性（如width和height）设置正确。

通过这些调整，可以有效解决Stack高度不正确的问题。

回到顶部