HarmonyOS 宽度100%,左右间距不生效

我希望UI是,撑满屏幕的情况下,左右间距14

例如如下代码:

RelativeContainer() {
}
.width('100%')
.height(100)
.backgroundColor('#1aff0000')
.margin({ left: 14, right: 14 })

的表现为,撑满了整个屏幕,这不是我想要的

HarmonyOS
2024-12-24 14:53:47
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

可以参考如下代码:

build() {
  Column() {
    RelativeContainer() {
      Text(){}
    }
    .height(100)
    .backgroundColor(Color.Red)
    .margin({ left: 14, right: 14 })

  }.width('100%')
  .backgroundColor(Color.Blue)
}

外层加一 个Column宽度给100%,RelativeContainer不加宽度100%

分享
微博
QQ
微信
回复
2024-12-24 16:55:20
相关问题
HarmonyOS 宽度100% margin左右生效
1541浏览 • 1回复 待解决
如何设置镜像语言的左右间距
1378浏览 • 1回复 待解决
HarmonyOS 子控件设置宽度100%问题
1280浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
2121浏览 • 1回复 待解决
HarmonyOS margin生效
1748浏览 • 1回复 待解决
HarmonyOS targetSpace生效问题
1074浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
1879浏览 • 1回复 待解决
HarmonyOS margin生效问题
1292浏览 • 1回复 待解决
abiFilters配置生效
1731浏览 • 1回复 待解决
HarmonyOS hitTestBehavior.block生效
1331浏览 • 1回复 待解决
HarmonyOS 单例模式生效
1345浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 生效
2126浏览 • 1回复 待解决
HarmonyOS stack设置圆角生效
1241浏览 • 1回复 待解决