HarmonyOS row中的子控件超出了row的范围

import measure from '@ohos.measure';  
@Entry  
@Component  
struct Text1 {  
  @State message1: string = '';  
  @State message2: string = '';  
  @State message1_Width: number = 0  
  @State imageWidth: number = 20  
  normalSize: SizeOptions = measure.measureTextSize({  
    textContent: "x",  
    fontSize: 18,  
    constraintWidth: 200  
  })  
  @State lines: number = 1  
  @State maxWidth: number = 500  
  @State message2_Width: number = 0;  
  aboutToAppear() {  
    this.setMessage()  
  }  
  setMessage() {  
    this.message1 = "第一个文本第一个文本第一个文本第一个文本第一个文本第一个文本第一个文本"  
    this.message2 = "第二个文本"  
  }  
  build() {  
    Column() {  
      Row() {  
        Row() {  
          Image($r('app.media.ic_ok'))  
            .width(this.imageWidth)  
            .height(this.imageWidth)  
          Text(this.message1)  
            .fontColor('#212121')  
            .fontSize(18)  
            .textAlign(TextAlign.Start)  
            .fontWeight(500)  
            .maxLines(1)  
            .textOverflow({ overflow: TextOverflow.Ellipsis })  
            .onAreaChange((oldArea: Area, newArea: Area) => {  
              if (typeof newArea.width == 'number') {  
                this.message1_Width = newArea.width  
                let size: SizeOptions = measure.measureTextSize({  
                  textContent: this.message1,  
                  fontSize: 18,  
                  constraintWidth: this.message1_Width  
                })  
              }  
            })  
            .constraintSize({  
              maxWidth: this.maxWidth  
            })  
            .backgroundColor(Color.Orange)  
        }  
        .layoutWeight(this.lines - 1)  
        Text(this.message2)  
          .fontColor('#00bcd4')  
          .fontSize(18)  
          .textOverflow({ overflow: TextOverflow.Ellipsis })  
          .onAreaChange((oldArea: Area, newArea: Area) => {  
            if (typeof newArea.width == 'number') {  
              this.message2_Width = newArea.width  
            }  
          })  
      }  
      .onAreaChange((oldArea: Area, newArea: Area) => {  
        if (typeof newArea.width == 'number') {  
          this.maxWidth = newArea.width - this.message2_Width - this.imageWidth  
        }  
      })  
    }  
    .margin({ top: 120, bottom: 0})  
  }  
}
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.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.