全局覆盖的场景无法沉浸式,手机下方导航栏无法覆盖到

做全页面遮罩时下方的空白位置无法覆盖。

HarmonyOS
2024-10-08 12:58:57
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

可以使用.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])来解决问题。参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-develop-apply-immersive-effects-V5#section202081847174413

export struct Index{  
  build() {  
    Column(){  
      Column(){}.backgroundColor("#A0000000").width("100%").height(142)  
      Column(){  
        Row(){  
          Column().layoutWeight(1).backgroundColor("#A0000000").width("100%").height("100%")  
          Image($r("app.media.startIcon")).width(250).height(250)  
          Column().layoutWeight(1).backgroundColor("#A0000000").width("100%").height("100%")  
        }  
      }.width("100%").height(250)  
      Text("23333333333")  
        .backgroundColor("#A0000000")  
        .fontColor("#80ffffff")  
        .width("100%")  
        .textAlign(TextAlign.Center)  
        .padding({top:15})  
      Column(){}.layoutWeight(1).backgroundColor("#A0000000").width("100%").expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])  
    }.width("100%").height('100%')  
  }  
}
分享
微博
QQ
微信
回复
2024-10-08 16:57:27
相关问题
全面屏手机沉浸状态自适应
950浏览 • 1回复 待解决
Dialog如何覆盖状态全屏显示
10368浏览 • 1回复 待解决
如何设置沉浸状态
2531浏览 • 1回复 待解决
如何实现沉浸状态
515浏览 • 1回复 待解决
HarmonyOS 沉浸状态
89浏览 • 1回复 待解决
HarmonyOS 底部导航沉浸方案
262浏览 • 1回复 待解决
HarmonyOS 沉浸状态最佳实践
276浏览 • 1回复 待解决