#鸿蒙通关秘籍#如何通过alignContent参数调整Stack组件内的元素对齐方式?

HarmonyOS
3天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
星辰绘SQL

Stack组件支持通过alignContent参数调整容器内元素的对齐方式,支持九种对齐方式,如下:

bash @Entry @Component struct StackExample { build() { Stack({ alignContent: Alignment.TopStart }) { Text('Stack').width('90%').height('100%').backgroundColor('#e1dede').align(Alignment.BottomEnd) Text('Item 1').width('70%').height('80%').backgroundColor(0xd2cab3).align(Alignment.BottomEnd) Text('Item 2').width('50%').height('60%').backgroundColor(0xc1cbac).align(Alignment.BottomEnd) }.width('100%').height(150).margin({ top: 5 }) } }

在这段代码中,alignContent被设置为Alignment.TopStart意味着子元素会从容器的左上角开始排列,并且内部的align属性可以进一步调整单个元素的位置。

分享
微博
QQ
微信
回复
3天前
相关问题
如何获取文本对齐方式
703浏览 • 1回复 待解决
Stack实现叠层布局方式
457浏览 • 1回复 待解决
应用字体大小设置调整
267浏览 • 1回复 待解决