HarmonyOS 在设置宽度为"100%"时,为什么margin right会失效?

将组件的宽度设置为"100%"之后,margin right不起作用。如果不设置宽度,margin right有效果。

HarmonyOS
2024-09-29 12:46:24
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

1.不写width只写margin({left:15,right:15}),width是屏幕宽度-30。

2.layoutWeight(1)是在主轴方向layoutWeight,所有你要Text的width方向需要Text 外面第一层包Row()。layoutWeight是主轴方向除去margin,padding按权重撑满全屏。这边不写width也是一样的效果。之前设置width('100%').margin({ left: 15, right: 15 }),left生效,right不生效,width('100%')整个屏幕宽度,超出了屏幕15,layoutWeight相当于把它压缩到一个屏幕撑满。

@Entry  
@Component  
struct Index {  
  build() {  
    Column() {  
      Row() {  
        Text('两岸同胞有共同的血脉、两岸同胞有共同的血脉、两岸同胞有共同的血脉、两岸同胞有共同的血脉、两岸同胞有共同的血脉、两岸同胞有共同的血脉、两岸同胞有共同的血脉、两岸同胞有共同的血脉、两岸同胞有共同的血脉、两岸同胞有共同的血脉、')  
          .fontSize(17)  
          .layoutWeight(1)  
          .height('50%')  
          .margin({ left: 15, right: 15 })  
          .fontWeight(400)  
          .backgroundColor(Color.Red)  
      }.width('100%').height("100%")  
    }  
    .width('100%').height("100%")  
    .backgroundColor(Color.Yellow)  
  }  
}
分享
微博
QQ
微信
回复
2024-09-29 17:37:38
相关问题
控件enabled设置false,hover失效
2245浏览 • 1回复 待解决
HarmonyOS Button 无法添加margin left right
247浏览 • 1回复 待解决
HarmonyOS right的padding和margin不生效
779浏览 • 1回复 待解决
span组件使用margin属性失效
2009浏览 • 1回复 待解决
HarmonyOS WebView 圆角设置失效
48浏览 • 1回复 待解决
pixelMap复制之后为什么变黄
420浏览 • 1回复 待解决