【HarmonyOS NEXT】Stack()布局中如何调整子组件的对齐方式

 【关键字】

Stack / 子组件 / 子元素 / 对齐方式

【问题描述】

在Stack布局中有A、B两个子组件，子组件默认为居中堆叠。如何调整布局为A组件居中、B组件靠右居中？尝试在子组件中设置align、alginself属性均无效。

【解决方案】

建议将A、B两个子组件分别用一个容器包住，容器大小设置为与Stack组件大小相同，通过设置A、B各自容器的布局方式来达到A居中、B靠右居中的效果。

示例代码：

Stack(){
Row(){
组件A
}.justifyContent(FlexAlign.Center).width('100%').height('100%')
Row(){
组件B
}.justifyContent(FlexAlign.End).width('100%').height('100%')
}