HarmonyOS stack子view无法自由调位置

Stack({ alignContent: Alignment.TopStart }) {
  Text(this.message)
    .id('1')
    .fontSize(50)
    .fontWeight(FontWeight.Bold)
    .align(Alignment.Center)
  Text("2")
    .fontSize(50)
    .fontWeight(FontWeight.Bold)
    .width(100)
    .height(100)
    .backgroundColor(Color.Blue)
    .align(Alignment.BottomEnd)
}
.backgroundColor(Color.Pink)
.height('100%')
.width('100%')
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.

子view的align属性不生效。

HarmonyOS
2024-12-25 14:48:05
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

可以通过offset控制,参照写法:

.offset({
  x:100,
  y:300
})
  • 1.
  • 2.
  • 3.
  • 4.

或将子组件分别用一个容器包住,容器大小设置成跟stack一样,通过设置各自容器的布局方式来达到不同的位置。参考示例:

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.
分享
微博
QQ
微信
回复
2024-12-25 16:27:06
相关问题
为何picker-view无法显示出来?
7863浏览 • 2回复 待解决
HarmonyOS 无法显示自己的位置图标
639浏览 • 1回复 待解决
Scroll的组件的展示位置如何调整
3297浏览 • 1回复 待解决
HarmonyOS TabContent无法套用在组件
1529浏览 • 1回复 待解决