垂直布局如何实现？希望状态栏竖屏，只是布局垂直绘制

// xxx.ets  
@Entry  
@Component  
struct Index {  
  build() {  
    Flex({direction:FlexDirection.Column,justifyContent:FlexAlign.Center,alignItems:ItemAlign.Center}) {  
      Column(){  
        Text('改条码xxxxxxxxxxxxx')  
        Image($r('app.media.preview')).width(200).height(50)  
        Text('1000000000000')  
      }.rotate({angle:90})  
    }.width('100%')  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.