有没有HarmonyOS鸿蒙Next办法判断系统底部是小白条还是三键导航？

判断逻辑

使用 window.AvoidAreaType 枚举类型判断导航模式：

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

// 监听规避区域变化

windowClass.on('avoidAreaChange', (data) => {

  if (data.type === window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR) {

    // 小白条触发的规避区域

    const indicatorHeight = px2vp(data.area.bottomRect.height);

  } else if (data.type === window.AvoidAreaType.TYPE_SYSTEM) {

    // 三键导航触发的规避区域

    const systemNavHeight = px2vp(data.area.bottomRect.height);

  }

});

动态适配：初始化时获取当前值

const area = windowClass.getWindowAvoidArea(window, window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR);

if (area.bottomRect.height > 0) {

  // 存在小白条导航

} else {

  // 回退检测传统三键导航

  const systemArea = windowClass.getWindowAvoidArea(window, window.AvoidAreaType.TYPE_SYSTEM);

}

小白条避让 32vp；三键导航避让 30vp 热区高度

代码示例

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

@Entry

@Component

struct Index {

  @State currentNavType: string = 'unknown';

  aboutToAppear() {

    const windowClass = window.getLastWindow(this.context);

    

    // 初始检测

    let indicatorArea = windowClass.getWindowAvoidArea(window, window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR);

    if (indicatorArea.bottomRect.height > 0) {

      this.currentNavType = 'gesture';

    } else {

      const systemArea = windowClass.getWindowAvoidArea(window, window.AvoidAreaType.TYPE_SYSTEM);

      this.currentNavType = systemArea.bottomRect.height >= 30 ? '3-button' : 'unknown';

    }

    // 动态监听变化

    windowClass.on('avoidAreaChange', (data) => {

      if (data.type === window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR) {

        this.currentNavType = 'gesture';

      } else if (data.type === window.AvoidAreaType.TYPE_SYSTEM) {

        this.currentNavType = '3-button';

      }

    });

  }

  build() {

    Column() {

      Text(`当前导航类型: ${this.currentNavType}`)

    }

  }

}