#鸿蒙通关秘籍#如何设置Stack组件的对齐方式?

HarmonyOS
9h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
疏星淡月QC

使用Stack组件时,可通过alignContent参数改变子组件的对齐方式。支持九种对齐方式,具体实现如下:

bash // xxx.ets @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 }) } }

通过设置alignContentalign参数,可精确控制子组件在Stack容器中的对齐位置。


分享
微博
QQ
微信
回复
6h前
相关问题
如何获取文本对齐方式
703浏览 • 1回复 待解决
Stack实现叠层布局方式
467浏览 • 1回复 待解决
Input组件是否支持设置文本居中对齐
1968浏览 • 1回复 待解决