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

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

HarmonyOS

put_get

2024-09-23 11:29:43

浏览

已于2024-9-23 18:04:11修改

回答 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%')  
}

2024-09-23 18:01:29

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS Stack布局，子组件对齐方向问题

915浏览 • 1回复待解决

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

142浏览 • 1回复待解决

HarmonyOS Stack布局中如何修改部分子视图的对齐方式

503浏览 • 1回复待解决

#鸿蒙通关秘籍#如何使用HorizontalAlign属性在Column容器中调整子元素的对齐方式？

98浏览 • 1回复待解决

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

64浏览 • 1回复待解决

#鸿蒙通关秘籍#在 HarmonyOS 中如何为容器组件 Column 设置子组件的对齐方式？

163浏览 • 1回复待解决

HarmonyOS Stack默认一个对齐方式，子组件使用另外一种对齐方式，到底能否实现，官方的例子并不行

448浏览 • 1回复待解决

#鸿蒙通关秘籍# 在HarmonyOS NEXT中如何使用Flex和Stack布局实现复杂的组件对齐和叠加效果？

112浏览 • 0回复待解决

Stack实现叠层布局的方式

486浏览 • 1回复待解决

Scroll的子组件的展示位置如何调整

2499浏览 • 1回复待解决

HarmonyOS 如何在Row中设置子组件为右侧对齐？

705浏览 • 1回复待解决

#鸿蒙通关秘籍#在鸿蒙栅格布局中如何设置子组件的间距？

99浏览 • 1回复待解决

#鸿蒙通关秘籍#如何使用RelativeContainer在ArkUI中实现子组件的相对布局？

72浏览 • 1回复待解决

#鸿蒙通关秘籍#在RelativeContainer中如何设置左右边框的对齐方式？

75浏览 • 1回复待解决

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

182浏览 • 1回复待解决

HarmonyOS 栅格布局子组件 GridCol 如何左对齐？

269浏览 • 2回复待解决

HarmonyOS Stack布局中，两个重叠的组件点击事件问题

623浏览 • 1回复待解决

如何获取文本对齐方式

716浏览 • 1回复待解决

HarmonyOS 层叠布局 (Stack) 给子控件设置align属性不生效

462浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙开发中实现组件的负margin布局调整

67浏览 • 1回复待解决

#鸿蒙通关秘籍#如何使用Stack组件实现层叠布局？

107浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙开发中通过RelativeContainer实现多种组件的对齐布局？

115浏览 • 1回复待解决

子元素超出父元素边界，并且覆盖在父元素之上。用Stack布局能实现吗？

779浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现鸿蒙开发中的Stack层叠布局？

92浏览 • 1回复待解决

#鸿蒙通关秘籍#如何利用ArkTS实现线性布局里的组件对齐？

123浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

订阅鸿蒙技术特刊，精选内容抢先看