#鸿蒙通关秘籍#HarmonyOS 中如何使用 Stack 容器实现子组件的堆叠?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
PixelPanda

Stack 组件允许子组件在垂直方向进行堆叠,可以使用 alignContent 来设置堆叠的对齐方式。这里展示如何在 Stack 中排布子组件:

Stack({ alignContent: Alignment.Bottom }) {
  Text('First child, show in bottom').width('90%').height('100%').backgroundColor(0xd2cab3).align(Alignment.Top)
  Text('Second child, show in top').width('70%').height('60%').backgroundColor(0xc1cbac).align(Alignment.Top)
}.width('100%').height(150).margin({ top: 5 })

以上代码使用 Stack 容器使得第二个子组件覆盖在第一个子组件之上,并调整对齐方式以便展示不同的对齐效果。

分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS 容器如何撑满父容器
251浏览 • 1回复 待解决
组件溢出父容器问题
1243浏览 • 1回复 待解决