HarmonyOS expandSafeArea不生效

@Entry  
@Component  
struct Index {  
  private controller: TabsController = new TabsController()  
  build() {  
   Stack({ alignContent: Alignment.Bottom}){  
     Column() {  
       Tabs({barPosition: BarPosition.End,controller: this.controller}) {  
         TabContent() {  
           Text('首页的内容').fontSize(30)  
         }  
         .tabBar('首页')  
  
         TabContent() {  
           Text('推荐的内容').fontSize(30)  
         }  
         .tabBar('推荐')  
       }  
       Image($r('app.media.background'))  
         .width(70)  
         .height(70)  
     }  
     .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM,SafeAreaEdge.TOP])  
     .width('100%')  
     .height('100%')  
     .backgroundColor(Color.Green)  
   }  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.

@Entry  
@Component  
struct Index2 {  
  @State fontColor: string = '#182431'  
  @State selectedFontColor: string = '#007DFF'  
  @State currentIndex: number = 0  
  private controller: TabsController = new TabsController()  
  @Builder tabBuilder(index: number) {  
    Column() {  
      Text(`Tab${index + 1}`)  
        .fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor)  
        .fontSize(10)  
        .fontWeight(500)  
        .lineHeight(14)  
        .margin({ top: 2 })  
      Image($r('app.media.1'))  
        .width(28)  
        .height(28)  
        .objectFit(ImageFit.Contain)  
    }  
    .width('100%')  
    .height('100%')  
  }  
  build() {  
    Stack({ alignContent: Alignment.Bottom}){  
      Column() {  
        Tabs({barPosition: BarPosition.End,controller: this.controller}) {  
          TabContent() {  
            Text('首页的内容').fontSize(30)  
          }  
          .tabBar(this.tabBuilder(0))  
          .backgroundColor(Color.Green)  
          .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM,SafeAreaEdge.TOP])  
          TabContent() {  
            Text('推荐的内容').fontSize(30)  
          }  
          .tabBar(this.tabBuilder(1))  
          .backgroundColor(Color.Pink)  
        }  
        .clip(false)  
        Image($r('app.media.1'))  
          .width(28)  
          .height(28)  
      }  
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM,SafeAreaEdge.TOP])  
      .width('100%')  
      .height('100%')  
    }  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.