底部安全距离 / 页面布局 / @ohos.window (窗口) / 底部页签场景
【问题描述】升级最新next版本后获取底部安全距离为0,但底部会出现一条横杠,遮挡底部内容,不同版本是否支持获取到安全距离。
【解决方案】获取底部安全距离有两种方案。
方案一:
获取布局避让遮挡的区域。
let type = window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR;
let avoidArea = windowClass.getWindowAvoidArea(type);
let bottomRectHeight = px2vp(avoidArea.bottomRect.height);
参考文档:
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