HarmonyOS 文字和图片相对布局问题

示例参考如下：

@Entry
@Component
struct TestDemoPage {
  @State imageWidth: number = 0

  build() {
    RelativeContainer() {
      Row() {
        //title
        Text('HarmonyOS Next HarmonyOS Next HarmonyOS Next HarmonyOS Next HarmonyOS Next HarmonyOS Next HarmonyOS Next HarmonyOS Next HarmonyOS Next'.split("")
          .join("\u200B"))
          .fontSize(16)
          .fontWeight(FontWeight.Medium)
          .fontColor('#222222')
          .maxLines(1)
          .textOverflow({ overflow: TextOverflow.Ellipsis })
          .constraintSize({ maxWidth: `calc(100% - ${this.imageWidth}vp)` })
          .height(22)
        // icon
        Image($r('app.media.startIcon'))
          .objectFit(ImageFit.ScaleDown)
          .height(16)
          .margin({ left: 8, right: 14 })
          .onAreaChange((oldValue: Area, newValue: Area) => {
            this.imageWidth = Number(newValue.width)
          })
      }
      .margin({ top: 14, left: 14, right: 14 })
      .id('title')
    }
  }
}
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.