HarmonyOS 鸿蒙Next如何获取屏幕底部安全区域的高度？目前系统只提供了获取顶部安全区域高度的API

请问如何获取屏幕底部安全区域的高度？目前系统只提供了获取顶部安全区域高度的API

h691938207 1楼•5 个月前

可以使用getWindowAvoidArea接口获取导航条区域：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-window-0000001820880785#ZH-CN_TOPIC_0000001820880785__getwindowavoidarea9

可以参考窗口沉浸式能力中demo中getWindowAvoidArea：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/application-window-stage-0000001820999885#ZH-CN_TOPIC_0000001820999885__开发步骤-2

更多关于HarmonyOS 鸿蒙Next如何获取屏幕底部安全区域的高度？目前系统只提供了获取顶部安全区域高度的API的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

songsunli 2楼•5 个月前

通过这个方法拿到的底部安全区域的高度是91px，有这么高吗。。。

gougou168 3楼•5 个月前

在HarmonyOS鸿蒙Next系统中，获取屏幕底部安全区域的高度，可以通过系统提供的API来实现。以下是获取屏幕底部安全区域高度的具体方法：

调用API：使用window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR来指定需要获取避让区域的类型，然后调用windowClass.getWindowAvoidArea(type)方法获取该类型的避让区域信息。
提取高度：从返回的避让区域信息中提取bottomRect.height，即底部安全区的高度。这个值通常以像素（px）为单位，因此可能需要转换为视口单位（vp）以便在UI布局中使用。
代码示例：

let type = window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR;
let avoidArea = windowClass.getWindowAvoidArea(type);
let bottomRectHeight = px2vp(avoidArea.bottomRect.height);
console.log("bottomRectHeight is " + bottomRectHeight);

这段代码会打印出底部安全区的高度。如果在实现过程中遇到问题，请检查API调用是否正确，以及避让区域类型是否指定得当。

HarmonyOS 鸿蒙Next免费课程学习地址：https://www.itying.com/goods-1205.html