HarmonyOS：设置自组件不超过父组件的宽度

小头鱼

于 2024-08-01 17:11:06 发布

阅读量291

点赞数 3

文章标签： harmonyos

本文链接：https://blog.csdn.net/mm_223/article/details/140852644

版权

通过尺寸设置中的calc计算属性，对子组件的宽度进行判断，设置子组件的宽度。
示例代码：

@State flag: boolean = true

  build() {
    Row() {
      Text('调整宽度')
        .fontSize(18)
        .backgroundColor(Color.Red)
        .size({ width: this.flag ? 60 : 100 })
        .onClick(() => {
          this.flag = !this.flag
        })

      Text('剩余宽度')
        .fontSize(18)
        .backgroundColor(Color.Blue)
        .size({ width: this.flag ? 'calc(100% - 60vp)' : 'calc(100% - 100vp)' })
    }
    .margin(20)
  }