如何仅使用margin来解决外边距问题

使用Text组件,默认撑满一行,且两边需要留一些外边距,虽然可以通过设置父布局的padding来解决这个问题,但想知道如何使用margin来解决外边距问题,有些场景不能只是用padding。

HarmonyOS
2024-04-29 23:42:25
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fanyu0803

写宽度为100%真就是和父布局等宽,设置左右margin,Text直接就超出屏幕范围了。可以使用constraintSize属性来限制最大宽高。

代码如下:

@Entry 
@Component 
struct Index{ 
  build() { 
    Row() { 
      Column() { 
        Text(this.message) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
          .textAlign(TextAlign.Center) 
          .width('80%') 
          .constraintSize({ maxWidth: '100%' }) 
          .backgroundColor(Color.Blue) 
          .margin({ left: 50, right: 50 }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-04-30 22:04:53
相关问题
如何设置组件的外边尺寸?
327浏览 • 1回复 待解决
span组件使用margin属性失效
1888浏览 • 1回复 待解决
如何设置组件的内边尺寸?
355浏览 • 1回复 待解决
this传递问题,该如何解决
2070浏览 • 1回复 待解决
HarmonyOS toast问题如何解决
610浏览 • 1回复 待解决
List如何设置分割线左右的边
426浏览 • 1回复 待解决
Gauge组件问题,该如何解决
186浏览 • 1回复 待解决
使用ArkTS调用Java代码吗?
6074浏览 • 1回复 待解决
使用zIndex改变图片层级思路
564浏览 • 1回复 待解决
解决了什么问题如何使用
1892浏览 • 1回复 待解决
har多目标,多值问题如何解决
314浏览 • 1回复 待解决
如何解决webview离线加载白屏问题
1110浏览 • 1回复 待解决
如何解决预览流黑屏的问题
1027浏览 • 1回复 待解决
HarmonyOS路由问题如何解决
254浏览 • 1回复 待解决
事件分发冲突问题如何解决
275浏览 • 1回复 待解决
HarmonyOS如何解决数据存储问题
8975浏览 • 3回复 已解决
如何解决webview loaddata白屏问题
1078浏览 • 1回复 待解决
HarmonyOS margin不生效
489浏览 • 1回复 待解决