在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

按赞同

按时间

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%')  
}1.
2.
3.
4.
5.
6.
7.
8.

2024-09-23 18:01:29

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

发布

相关问题

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

2208浏览 • 1回复待解决

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

1322浏览 • 1回复待解决

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

917浏览 • 1回复待解决

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

910浏览 • 1回复待解决

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

912浏览 • 1回复待解决

HarmonyOS Row colum stack等容器组件对齐方式

684浏览 • 1回复待解决

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

1138浏览 • 1回复待解决

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

1087浏览 • 1回复待解决

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

933浏览 • 0回复待解决

Stack实现叠层布局的方式

1191浏览 • 1回复待解决

用 ArkUI-X 的 Stack 布局时，如何让子组件均分屏幕宽度？

289浏览 • 0回复待解决

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

3299浏览 • 1回复待解决

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

1936浏览 • 1回复待解决

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

1207浏览 • 1回复待解决

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

1209浏览 • 1回复待解决

HarmonyOS Column子组件对齐问题

792浏览 • 1回复待解决

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

600浏览 • 1回复待解决

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

943浏览 • 1回复待解决

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

1643浏览 • 2回复待解决

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

1619浏览 • 1回复待解决

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

1096浏览 • 1回复待解决

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

1383浏览 • 1回复待解决

如何获取文本对齐方式

1169浏览 • 1回复待解决

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

1040浏览 • 1回复待解决

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

867浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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