说明

实现下图效果：

分析

1. 最外部是 Column 布局，蓝色部分
2. 标题那一行是 Row 布局，红色部分，里面有3个控件：
   1. Text 控件，显示 < （也可以用 Image 控件）
   2. Text 控件，显示 设置
   3. （关键）Blank 空白控件，只用来占据位置，否则不方便布局

代码

Column() {
  Row() {
    Text("<")
      .fontSize(25)
      .width(40)
      .backgroundColor(Color.Green)
      .onClick(e => {

      })


    Text("设置")
      .fontSize(25)

    Blank()
      .backgroundColor(Color.Green)
      .width(40)


  }
  .width("90%")
  .justifyContent(FlexAlign.SpaceBetween)
  .margin({
    top: 10,
    bottom: 10

  })
  .backgroundColor(Color.Red)
}
.height('100%')
.width('100%')
.backgroundColor(Color.Blue)
}

原文出处：/show_1GW3cWpfodb.html