全面屏手机的沉浸式状态栏自适应
场景:在使用Navigation组件的时候发现沉浸式状态栏没有做安全宽度的自适应,效果如下:
可以看到NavBar与手机状态栏有明显重叠现象,这样很影响用户体验。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
如何设置沉浸式状态栏
2379浏览 • 1回复 待解决
如何实现沉浸式状态栏?
393浏览 • 1回复 待解决
HarmonyOS 沉浸式状态栏最佳实践
116浏览 • 1回复 待解决
调用setWindowLayoutFullScreen实现了沉浸式透明状态栏,但未自动撑起状态栏的高度
1905浏览 • 1回复 待解决
修改页面状态栏颜色,以及沉浸式状态属性设置
2557浏览 • 1回复 待解决
HarmonyOS 如何设置单个page沉浸式状态栏
208浏览 • 0回复 待解决
TabContent顶部组件如何实现沉浸式状态栏
1782浏览 • 1回复 待解决
HarmonyOS 如何实现窗口状态栏沉浸式效果
209浏览 • 1回复 待解决
使用鸿蒙js框架,如何实现沉浸式状态栏?
8055浏览 • 1回复 待解决
HarmonyOS 有没有针对page页面级别的状态栏设置接口,如:高亮图标、沉浸式状态栏
256浏览 • 1回复 待解决
ArkUI中怎么控制一个布局填满到状态栏,以实现沉浸式状态栏效果?
121浏览 • 1回复 待解决
沉侵式状态栏获取状态栏高度为0
242浏览 • 1回复 待解决
设置沉浸式后,页面布局会不避让状态栏与导航栏,其重叠,如何处理?
1808浏览 • 1回复 待解决
HarmonyOS 元服务中加载MapKit,如何隐藏状态栏和导航栏实现全屏沉浸式展示地图效果
201浏览 • 1回复 待解决
如何动态修改状态栏和状态栏字体颜色
1931浏览 • 1回复 待解决
全局覆盖的场景无法沉浸式,手机下方导航栏无法覆盖到
125浏览 • 1回复 待解决
HarmonyOS 状态栏上的电池条颜色,动态隐藏状态栏
128浏览 • 1回复 待解决
HarmonyOS 获取手机状态栏高度,返回高度数值偏大
121浏览 • 1回复 待解决
获取状态栏与导航栏高度
428浏览 • 1回复 待解决
获取状态栏高度的方法
1814浏览 • 1回复 待解决
状态栏的高度怎么获取呢
9508浏览 • 3回复 待解决
如何设置状态栏和导航栏的颜色
2666浏览 • 1回复 待解决
想找些demo学习一下,比如各种样式的轮播图,吸顶效果的tab,沉浸式状态栏,赛贝尔曲线等等。
6623浏览 • 2回复 待解决
鸿蒙如何获取导航栏和状态栏高度
11186浏览 • 1回复 待解决
希望状态栏竖屏,只是布局垂直绘制
149浏览 • 1回复 待解决
使用的核心API
setWindowLayoutFullScreen
getWindowAvoidArea
核心代码解释
实现该场景主要需要在我们设置setWindowLayoutFullScreen为true开启全屏区域显示的时候,需要将Navigation组件顶部的状态栏区域空出来,所以我这里在Navigation组件上面添加了一个专门用户适配安全高度的Row里面没有内容,仅仅用于将Navigation组件顶部的区域空出来,然后通过getWindowAvoidArea方法获取系统的规避区域,将状态栏的高度给Row组件,以此来达到适配安全区域的效果。
核心代码如下:
总结
实现效果
注明适配的版本信息
IDE:DevEco Studio 4.0.3.600
SDK:HarmoneyOS 4.0.10.11