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

683浏览 • 1回复待解决

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

412浏览 • 1回复待解决

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

355浏览 • 1回复待解决

Stack实现叠层布局的方式

374浏览 • 1回复待解决

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

2358浏览 • 1回复待解决

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

456浏览 • 1回复待解决

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

500浏览 • 1回复待解决

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

351浏览 • 1回复待解决

如何获取文本对齐方式

658浏览 • 1回复待解决

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

698浏览 • 1回复待解决

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

302浏览 • 1回复待解决

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

196浏览 • 1回复待解决

RelativeContainer布局嵌套Stack失效

312浏览 • 1回复待解决

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

171浏览 • 1回复待解决

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

325浏览 • 1回复待解决

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

2360浏览 • 1回复待解决

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

177浏览 • 1回复待解决

HarmonyOS 父组件中的变量发现变化时，如何子组件的子组件联动变化？

201浏览 • 1回复待解决

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

225浏览 • 1回复待解决

HarmonyOS List容器组件中的ListItem组件，可以通过拖动来实现顺序调整么？是否有现成官方提供的方式？

478浏览 • 1回复待解决

如何在键盘弹出时仅调整指定UI组件的位置，而不影响整体布局

1684浏览 • 1回复待解决

HarmonyOS Tabs组件的Tabs如何左对齐？

260浏览 • 1回复待解决

使用List组件设置多列布局的方式

332浏览 • 1回复待解决

HarmonyOS 当在子组件绑定PanGesture时，在子组件区域进行滑动只能触发子组件的PanGesture

191浏览 • 0回复待解决

如何实现Stack布局页面内点击事件透传

621浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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