《鸿蒙开发-鸿蒙教程-答案之书》组件margin左和右等于没偏？

《鸿蒙开发-鸿蒙教程-答案之书》组件margin左和右等于没偏？

鸿蒙的margin和Android的margin还是有点区别，Android的margin没有任何毛病，但是鸿蒙margin会导致组件偏移回来的。因为鸿蒙的组件可以超越父组件，往外面宽展。

那怎么办呢？

先看个有问题的代码：

@Entry
@Component
struct TestDel2Page {build() {Column(){Text('123').width('100%').height(30).backgroundColor(Color.Pink).margin({right:20,left:20})}.width('100%').height('100%')}
}

上面代码你会发现Text的偏移等于没用。

如何修改呢？用constraintSize

修改后的代码如下：

@Entry
@Component
struct TestDel2Page {build() {Column(){Text('123').width('100%').height(30).backgroundColor(Color.Pink).margin({right:20,left:20}).constraintSize({maxWidth:'100%'})}.width('100%').height('100%')}
}

有鸿蒙开发bug或者需求的可私信我，我每天都看私信的