HarmonyOS 鸿蒙Next Tabs expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.Top]) 无效果

下面的demo是要实现的效果吗

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  build() {
    Tabs({barPosition: BarPosition.End}) {
      TabContent() {
        Column() {
          Text('首页').fontSize(30)
        }
        .height('100%')
        .width('100%')
        .backgroundColor(Color.Red)
        .expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.TOP])
      }
      .clip(false)
      .tabBar('首页')
      TabContent() {
        Column() {
          Text('推荐的内容').fontSize(30)
        }
        .height('100%')
        .width('100%')
        .backgroundColor(Color.Yellow)
        .expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.TOP])
      }
      .clip(false)
      .tabBar('推荐')
    }
    .expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.TOP])
  }
}