HarmonyOS 想要实现上下两个文案等宽等高，底部文案是动态变动的大小，除了用onAreaChange还有其他办法吗？

@State buttonWid:number = 100;  
build() {  
  Row(){  
    RelativeContainer(){  
      Button("按钮2")  
        .backgroundColor(Color.Green)  
        .alignRules({  
          bottom: {anchor: "__container__", align: VerticalAlign.Bottom},  
          middle: {anchor: "__container__", align: HorizontalAlign.Center},  
        })  
        .id("button1")  
        .offset({  
          y:-100  
        })  
        .width(this.buttonWid)  
  
      Button("按钮1")  
        .backgroundColor(Color.Red)  
        .alignRules({  
          left: {anchor: "button1", align: HorizontalAlign.Start},  
          right: {anchor: "button1", align: HorizontalAlign.End},  
          top: {anchor: "__container__", align: VerticalAlign.Top},  
          middle: {anchor: "__container__", align: HorizontalAlign.Center}  
        })  
        .onClick(()=>{  
          let  wid = this.buttonWid;  
          this.buttonWid =  wid + 20;  
        })  
        .id("button2")  
        .offset({  
          y:100  
        })  
    }  
  }  
  .width("100%")  
  .height("100%")
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.