在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布局，子组件对齐方向问题

781浏览 • 1回复待解决

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

424浏览 • 1回复待解决

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

79浏览 • 1回复待解决

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

392浏览 • 1回复待解决

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

41浏览 • 0回复待解决

Stack实现叠层布局的方式

414浏览 • 1回复待解决

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

2389浏览 • 1回复待解决

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

572浏览 • 1回复待解决

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

85浏览 • 1回复待解决

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

119浏览 • 2回复待解决

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

535浏览 • 1回复待解决

如何获取文本对齐方式

678浏览 • 1回复待解决

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

396浏览 • 1回复待解决

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

716浏览 • 1回复待解决

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

51浏览 • 1回复待解决

#鸿蒙通关秘籍# 在HarmonyOS NEXT中如何使用ArkTS将布局组件设置为水平居中或垂直居中对齐？

14浏览 • 0回复待解决

HarmonyOS 布局容器stack 和集合容器Stack在同一个UI组件里面，这种引用怎么解决？

340浏览 • 1回复待解决

HarmonyOS ROW/COLUMN/FLEX组件里怎样设置每个组件的对齐方式？

409浏览 • 1回复待解决

RelativeContainer布局嵌套Stack失效

336浏览 • 1回复待解决

#鸿蒙通关秘籍# 在HarmonyOS NEXT中实现加载动画时，如何有效利用Stack布局的重叠显示特性？

46浏览 • 1回复待解决

Stack组件中如何触发下层事件的控件

215浏览 • 1回复待解决

HarmonyOS tab标签如何左对齐，目前测试是局中显示，不知道如何调整？

247浏览 • 1回复待解决

HarmonyOS Stack中最底层的子组件是否支持处理点击事件？

199浏览 • 1回复待解决

HarmonyOS ArkUI Text组件Span希望增加对齐方式的功能特性

259浏览 • 1回复待解决

ArkTS怎么在onSelect事件中调用子组件中的方法

2375浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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