这里有搞鸿蒙开发的兄弟吗？遇到一个布局问题

这里有搞鸿蒙开发的兄弟吗？今天遇到一个问题，搞了半天也没搞定。需求很简单就是让左边的竖线跟随整个 Row 的高度变化，整个 Row 的高度不定，后面的文本可能会换行。 Row() { // Vertical line decoration Row() .width(3) .height('100%') .backgroundColor('#DDDDDD')

    Column() {
      Row() {
        Text("Test1111")
          .fontSize(14)
          .fontWeight(FontWeight.Lighter)
          .fontStyle(FontStyle.Italic)
          .foregroundColor('#DDDDDD')
          .flexGrow(1)
        Button() {
          Text("button")
            .width(30)
            .height(30)
        }
        .width(30)
        .height(30)
        .backgroundColor(Color.Transparent)
        .foregroundColor('#DDDDDD')
      }
      .width('100%')
      .alignItems(VerticalAlign.Top)
      Text("long text long text long text long text long text ")
        .fontSize(14)
        .fontWeight(FontWeight.Lighter)
        .foregroundColor('#DDDDDD')
        .width('100%')
        .margin({ top: 2 })
    }
    .margin({ left: 7 })
    .layoutWeight(1)
  }
  .alignItems(VerticalAlign.Top)
  .width('100%')
  .margin({ top: 10 })

试试下面的 ``` @Component export struct DecoratedRow { build() { Row() { // Left decorative line that will stretch full height Row() { Row() .width(3) .backgroundColor('#DDDDDD') .height('100%') } .height('100%') .margin({ right: 4 }) // Main content column Column() { Row() { Text("Test1111") .fontSize(14) .fontWeight(FontWeight.Lighter) .fontStyle(FontStyle.Italic) .foregroundColor('#DDDDDD') .flexGrow(1) Button() { Text("button") .width(30) .height(30) } .width(30) .height(30) .backgroundColor(Color.Transparent) .foregroundColor('#DDDDDD') } .width('100%') .alignItems(VerticalAlign.Top) Text("long text long text long text long text long text ") .fontSize(14) .fontWeight(FontWeight.Lighter) .foregroundColor('#DDDDDD') .width('100%') .margin({ top: 2 }) } .margin({ left: 7 }) .layoutWeight(1) } .alignItems(VerticalAlign.Top) .width('100%') .margin({ top: 10 }) } } ```