HarmonyOS NEXT开发，全屏避让顶部系统任务栏（沉浸式体验），智能适配多机型

k&p

于 2024-07-23 15:35:40 发布

阅读量137

点赞数 4

分类专栏： Harmony Os应用开发文章标签： harmonyos 鸿蒙

本文链接：https://blog.csdn.net/s_407/article/details/140637654

版权

Harmony Os应用开发专栏收录该内容

6 篇文章 0 订阅

订阅专栏

window.getLastWindow(getContext())
      .then((windowStage:window.Window)=>{
        windowStage.setWindowLayoutFullScreen(true)
        //获取规避区域高度
        const area=windowStage.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM)
        const h = area.topRect.height 
        //获取到了当前设备窗口的安全区域的高度
        const hp=px2vp(h)
        //存入全局状态变量中，在页面通过@StorageProp获取规避区域高度。
        AppStorage.setOrCreate('avoidHeight',hp)
      })

获取到规避区域高度后，在最大的块级元素中利用padding({top:avoidHeight})就不会与系统任务栏重叠。