沉浸式图文排列布局如何实现

expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.TOP])，底部元素需配置为expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.BOTTOM])。
@Entry
@Component
struct Index {
  build() {
    Swiper() {
      Column() {
        Image($r('app.media.start'))
          .height('50%').width('100%')
1.
2.
3.
4.
5.
6.
7.
8.
9.

.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
        Column() {
第一课')
            .fontSize(32)
            .margin(30)
1.
2.
3.
4.
5.

.fontSize(20).margin(20)
        }.height('50%').width('100%')
        .backgroundColor(Color.White)
1.
2.
3.

.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
      }
    }
    .width('100%')
    .height('100%')
1.
2.
3.
4.
5.

.clip(false)
  }
}
1.
2.
3.