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

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%')

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

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

.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
      }
    }
    .width('100%')
    .height('100%')

.clip(false)
  }
}