《鸿蒙开发-鸿蒙教程-答案之书》组件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或者需求的可私信我，我每天都看私信的