可以使用Stack组件进行实现,示例如下@Entry @Component struct SafeAreaExample1 { build() { Stack() { Image($r('app.media.appbg')) .height('100%').width('100%') .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) // 图片组件的绘制区域扩展至状态栏和导航条。 Column() { Button() { Text("登 陆") .fontColor(Color.White) } .backgroundColor("#3866e9") .type(ButtonType.Normal) .width("100%") .height("45") .borderRadius(8) .onClick(() => { }) } .margin({ left: 30, right: 30, top: 20 }) }.height('100%').width('100%') } }参考https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-develop-apply-immersive-effects-V5\#section162965215413
可以使用Stack组件进行实现,示例如下
参考https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-develop-apply-immersive-effects-V5\#section162965215413