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

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

例如如下代码：

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

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

HarmonyOS

shlp

2024-12-24 14:53:47

浏览

回答 1

按赞同

按时间

Excelsior_abit

可以参考如下代码：

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

  }.width('100%')
  .backgroundColor(Color.Blue)
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

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

2024-12-24 16:55:20

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

发布

相关问题

HarmonyOS 宽度100% margin左右不生效

1128浏览 • 1回复待解决

HarmonyOS width设置100%,margin左右间距不生效

1969浏览 • 1回复待解决

HarmonyOS 宽度设置“100%”，设置margin不生效怎么办

597浏览 • 1回复待解决

HarmonyOS 设置宽度为100%则左右边距失效

740浏览 • 1回复待解决

HarmonyOS 容器布局的宽度设为100%时还想使用左右的margin

1164浏览 • 1回复待解决

HarmonyOS Swiper组件宽度是100%，displayCount为2，子组件不居中显示问题

647浏览 • 1回复待解决

如何设置镜像语言的左右间距

1142浏览 • 1回复待解决

HarmonyOS 子控件使用margin控制跟parent之间的左右边距不生效，看官网demo是用的宽度控制的

731浏览 • 1回复待解决

自定义dialog左右两边间距问题：左右两边无法完全铺满，对话框宽度无法调整

2693浏览 • 1回复待解决

HarmonyOS 子控件设置宽度100%问题

975浏览 • 1回复待解决

HarmonyOS 如何取消slider组件内置的左右间距

1027浏览 • 1回复待解决

HarmonyOS 组件设置margin左右20，width 100% margin会失效

3098浏览 • 2回复待解决

HarmonyOS .width('100%')和margin同时设置，左右margin无效

964浏览 • 1回复待解决

HarmonyOS margin不生效

1443浏览 • 1回复待解决

HarmonyOS expandSafeArea不生效

1455浏览 • 1回复待解决

HarmonyOS 自定义弹窗 (CustomDialog) 的左右间距如何去掉？

656浏览 • 1回复待解决

HarmonyOS @Observed不生效问题

1582浏览 • 1回复待解决

HarmonyOS margin不生效问题

1070浏览 • 1回复待解决

HarmonyOS targetSpace不生效问题

822浏览 • 1回复待解决

abiFilters配置不生效

1346浏览 • 1回复待解决

HarmonyOS Image设置了图片宽度为100%，如何知道这个UI组件的宽度具体是多少

558浏览 • 1回复待解决

HarmonyOS photoViewPicker传入RecommendationType不生效

781浏览 • 1回复待解决

HarmonyOS photoViewPicker智能推荐不生效

1261浏览 • 1回复待解决

HarmonyOS Web组件borderRadius不生效

1066浏览 • 1回复待解决

HarmonyOS 关于onKeyEvent不生效问题

1408浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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