# Text组件如何分布在Stack组件的四个角

#### 问题现象

Stack组件中有四个Text组件，如何使子组件分别分布在Stack组件的左上角，右上角，左下角，右下角？

#### 效果预览

#### 背景知识

justifyContent：设置子组件在水平或垂直方向上的对齐格式。

#### 解决方案

首先将左上角、右上角的两个Text组件外层嵌套一个Row组件，左下角、右下角的两个Text组件外层嵌套一个Row组件，再将两个Row组件外层嵌套一个Column组件，最后给Row组件和Column组件添加justifyContent属性即可实现。

```
@Entry
@Component
struct StackDemo {
  build() {
    Stack({ alignContent: Alignment.TopStart }) {
      Column() {
        Row() {
          Text('左上角')
          Text('右上角')
        }.width('100%')
        .justifyContent(FlexAlign.SpaceBetween) // 设置子组件在水平方向上的对齐格式。

        Row() {
          Text('左下角')
          Text('右下角')
        }
        .width('100%')
        .justifyContent(FlexAlign.SpaceBetween) // 设置子组件在水平方向上的对齐格式。
      }
      .justifyContent(FlexAlign.SpaceBetween) // 设置子组件在垂直方向上的对齐格式。
      .width('100%')
      .height('100%')
    }
  }
}
```