ArkTs语言的外边距margin中的right无效？HarmonyOS 鸿蒙Next

请问各位为什么flex布局的左右外边距没有效果呀, 假如是单独设置right去掉left就会有效果,

不止flex布局,我实际是想在最外层布局就给这个右边距的,但是不行,求解惑~

itying888 1楼•1 个月前

js ts都是这样，100%就把宽度塞满了，外边距自然没有空地方了

yuanlaile 2楼•1 个月前

 Column() {
      Text(this.message)
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .textAlign(TextAlign.Center)
        .width('100%')
        .constraintSize({ maxWidth: '100%' })
        .backgroundColor(Color.Blue)
        .margin({ left: 50, right: 50 })
    }
    .width('100%')
    .height('100%')

yibo5220 3楼•1 个月前作者

因为鸿蒙next的设机师们思维诡异，取的是css的盒模型，边框不算在宽高内。加个约束就好了.constraintSize({ maxWidth: ‘100%’ })。包括router.back(index,pam)也是，不知道怎么想的，为了回传参数，index必传，还需要知道上一页在页面栈中的索引

sinazl 4楼•1 个月前

在HarmonyOS（鸿蒙）开发中，如果ArkTs（ArkUI的TypeScript版本）中的元素外边距（margin）的right属性无效，可能是由以下几个原因导致的：

布局容器限制：检查元素是否处于某种布局容器（如Flex、Grid）中，这些布局可能会覆盖或改变子元素的margin设置。
样式优先级：确认是否有其他样式（如内联样式、更具体的选择器）覆盖了margin-right的设定。
元素定位：若元素使用了绝对定位（position: absolute），其margin可能会以不同的方式表现。
组件或框架Bug：检查是否是最新的HarmonyOS SDK版本，有时此类问题可能是由框架中的bug引起的。

如果问题依旧没法解决请加我微信，我的微信是itying888。