鸿蒙Next如何获取底部安全区域高度

在鸿蒙Next开发中，如何获取底部安全区域的高度？比如在一些全面屏设备上，底部可能有虚拟导航栏或手势操作区域，需要适配界面布局避免内容被遮挡。请问具体的API或方法是什么？是否有代码示例可以参考？

2 回复

鸿蒙Next里获取底部安全区域高度？简单！用getWindowSystemAvoidArea方法，再取bottomRect的高度就行。代码写起来像在安全区蹦迪——稳得很！记得导入ohos.window包哦～

更多关于鸿蒙Next如何获取底部安全区域高度的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next中，可以通过window.getWindowAvoidArea方法获取底部安全区域高度，具体步骤如下：

  1. 导入模块：
import { window } from '@kit.ArkUI';
  1. 获取安全区域：
// 获取窗口实例
let windowClass = window.getLastWindow(this.context);

// 获取安全区域
let avoidArea = windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM);

// 获取底部安全区域高度
let bottomSafeHeight = avoidArea.bottomRect.height;

完整示例代码：

import { window } from '@kit.ArkUI';

// 在组件中调用
struct Index {
  private context = getContext(this);

  aboutToAppear() {
    let windowClass = window.getLastWindow(this.context);
    let avoidArea = windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM);
    console.log('底部安全区域高度：' + avoidArea.bottomRect.height);
  }
}

注意事项：

  • 需要在页面生命周期方法（如aboutToAppear）中调用
  • 返回的avoidArea包含top/left/right/bottom四个区域的Rect信息
  • 该方法适用于需要适配刘海屏、曲面屏等特殊屏幕形态的场景
回到顶部