在Stack()布局中,如何调整子组件的对齐方式

在Stack布局中,有A、B两个子组件,默认A、B组件是居中叠加在一起的;如果调整为A组件居中,B组件靠右居中?试过子组件中设置align、alginself属性均无效。

HarmonyOS
2024-09-23 11:29:43
浏览
已于2024-9-23 18:04:11修改
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

A、B两个子组件分别用一个容器包住,容器大小设置成跟stack一样,通过设置各自容器的布局方式来达到A居中,B组件靠右居中

示意代码:

Stack(){  
  Row(){  
   //组件A  
  }.justifyContent(FlexAlign.Center).width('100%').height('100%')  
  Row(){  
   //组件B  
  }.justifyContent(FlexAlign.End).width('100%').height('100%')  
}
分享
微博
QQ
微信
回复
2024-09-23 18:01:29
相关问题
Stack实现叠层布局方式
338浏览 • 1回复 待解决
Scroll组件展示位置如何调整
2311浏览 • 1回复 待解决
如何获取文本对齐方式
636浏览 • 1回复 待解决
RelativeContainer布局嵌套Stack失效
300浏览 • 1回复 待解决
Stack组件如何触发下层事件控件
171浏览 • 1回复 待解决
使用List组件设置多列布局方式
304浏览 • 1回复 待解决
鸿蒙如何调整组件位置
7514浏览 • 1回复 待解决