【HarmonyOS NEXT】如何获取底部安全距离

最新推荐文章于 2024-09-08 08:43:33 发布

Mayism123

最新推荐文章于 2024-09-08 08:43:33 发布

阅读量563

点赞数 4

文章标签： harmonyos

本文链接：https://blog.csdn.net/Mayism123/article/details/139595481

版权

【关键字】

底部安全距离 / 页面布局 / @ohos.window (窗口) / 底部页签场景

【问题描述】

升级最新next版本后获取底部安全距离为0，但底部会出现一条横杠，遮挡底部内容，不同版本是否支持获取到安全距离。

【解决方案】

获取底部安全距离有两种方案。

方案一：

获取布局避让遮挡的区域。

let type = window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR; // 以导航条避让为例
let avoidArea = windowClass.getWindowAvoidArea(type);
// 此处获取的单位为px，需转为vp
let bottomRectHeight = px2vp(avoidArea.bottomRect.height); // 获取到导航条区域的高度console.log("bottomRectHeight is " + bottomRectHeight);

参考文档：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-window-0000001820880785#ZH-CN_TOPIC_0000001820880785__avoidareatype7

方案二：

组件安全区方案。

不设置窗口全屏，这种场景下，针对底部的页签部分，Navigation组件和Tabs组件默认实现了页签的延伸处理，开发者只需要保证Navigation和Tabs组件的底部边界和底部导航条重合即可。

参考：

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-develop-apply-immersive-effects-0000001820435461#section15107174585619