设置子组件的宽度不超出父组件

设置子组件的宽度不超出父组件

HarmonyOS
2024-07-24 10:55:04
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
路易不知第几世

可以使用尺寸设置中的calc计算属性,对子组件的宽度进行判断,来设置子组件宽度。

@Entry
@Component
struct SizeExample {
  @State flag:boolean = true;

  build() {
    Row() {
已关注' : '没有关注')
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
        .backgroundColor(0xFFFAF0)
        .textAlign(TextAlign.Center)
        .margin( 10)
        .size({ width: this.flag ? 60 : 80 })
        .onClick(()=>{
          this.flag = !this.flag
        })
开发者社区')
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
        .backgroundColor(0xFFFAF0)
        .size({width: this.flag ? 'calc(100% - 60vp)' : 'calc(100% - 80vp)'})
    }.width(500).margin({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
2024-07-24 19:53:12
相关问题
HarmonyOS 组件超出组件宽度
1144浏览 • 1回复 待解决
HarmonyOS 组件超出组件布局
1196浏览 • 1回复 待解决
如何设置组件组件宽度变化
3390浏览 • 1回复 待解决
组件调用组件方法
2553浏览 • 1回复 待解决
组件调用组件方法
1303浏览 • 1回复 待解决
HarmonyOS 组件超过组件范围
1073浏览 • 1回复 待解决
HarmonyOS 组件响应组件事件方法
1109浏览 • 1回复 待解决
HarmonyOS 组件调用组件方法demo
1079浏览 • 1回复 待解决
HarmonyOS 组件怎么调用组件方法
1549浏览 • 1回复 待解决
组件事件可以传到组件
1691浏览 • 1回复 待解决
HarmonyOS UI布局子控件超出控件宽度
1155浏览 • 1回复 待解决
HarmonyOS 组件调用组件方法
1095浏览 • 1回复 待解决