HarmonyOS Row和Column的问题？

Question

有这样一种情况，比如我有4个Text.

我定义一个Row宽度是屏幕宽度‘100%’,然后左边Text1,Text2,Text3 依次排列，然后Text4要排在最右边。

同样定义一个Column，高度是200,从上到下依次是Text1,Text2,Text3 ，然后Text4 要在这个Column的最下面。

请问这两种情况用Row和Column能实现吗？ 还是需要使用RelativeContainer？

Answer 1

您参考以下写法：

@Entry
@Component
struct Index1 {
  @State message: string = 'Hello World';

  build() {
    Column({space:20}) {
      Row() {
        Row() {
          Text('Text1')
          Text('Text2')
          Text('Text4')
        }
        Text('Text4')
      }
      .justifyContent(FlexAlign.SpaceBetween)
      .width('100%')
      .height(200)
      .backgroundColor(Color.Orange)

      Column() {
        Column() {
          Text('Text1')
          Text('Text2')
          Text('Text4')
        }
        Text('Text4')
      }
      .justifyContent(FlexAlign.SpaceBetween)
      .width('100%')
      .height(200)
      .backgroundColor(Color.Orange)
    }
    .width('100%')
    .height('100%')
  }
}