如何设置子组件宽度让其不超过父组件的大小

@Entry 
@Component 
struct SizeExample { 
  @State flag: boolean = true 
  build() { 
    Row() { 
      Text(this.flag ? '已关注' : '没有关注') 
        .fontSize(20) 
        .fontWeight(FontWeight.Bold) 
        .backgroundColor(0xFFFAF0) 
        .textAlign(TextAlign.Center) 
        .margin(10) 
        .size({ width: this.flag ? 60 : 80 }) 
        .onClick(() => { 
          this.flag = !this.flag 
        }) 
      Text('HarmonyOS开发者社区') 
        .fontSize(20) 
        .fontWeight(FontWeight.Bold) 
        .backgroundColor(0xFFFAF0) 
        .size({ width: this.flag ? 'calc(100% - 60vp)' : 'calc(100% - 80vp)' }) 
    }.width(500).margin({ top: 5 }) 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.

Column(){
Row(){
Text('text')
.fontSize(20)
.height(100)
}
.width('100%')
.margin({top:30,bottom:30})
}
.height(160)
.width('100%')
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.