HarmonyOS Flex 布局设置问题

@Entry  
@Component  
struct FlexDemo {  
  build() {  
    Column() {  
      Column({ space: 5 }) {  
        Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.SpaceBetween }) {  
          Text('1').width('100%').height('100%').backgroundColor(Color.Pink).alignSelf(ItemAlign.Center)  
          Text('2').width('100%').height(50).backgroundColor(0xF5DEB3).alignSelf(ItemAlign.End)  
        }  
        .width('90%')  
        .height('100%')  
        .padding(10)  
        .backgroundColor(0xAFEEEE)  
      }.width('100%').margin({ top: 5, bottom: 5 })  
    }.width('100%')  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.