全面屏手机的沉浸式状态栏自适应
场景:在使用Navigation组件的时候发现沉浸式状态栏没有做安全宽度的自适应,效果如下:
可以看到NavBar与手机状态栏有明显重叠现象,这样很影响用户体验。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
TabContent顶部组件如何实现沉浸式状态栏
601浏览 • 1回复 待解决
如何设置沉浸式状态栏
931浏览 • 1回复 待解决
调用setWindowLayoutFullScreen实现了沉浸式透明状态栏,但未自动撑起状态栏的高度
752浏览 • 1回复 待解决
修改页面状态栏颜色,以及沉浸式状态属性设置
1046浏览 • 1回复 待解决
设置沉浸式后,页面布局会不避让状态栏与导航栏,其重叠,如何处理?
517浏览 • 1回复 待解决
使用鸿蒙js框架,如何实现沉浸式状态栏?
6590浏览 • 1回复 待解决
如何动态修改状态栏和状态栏字体颜色
550浏览 • 1回复 待解决
状态栏的高度怎么获取呢
8245浏览 • 3回复 待解决
鸿蒙如何获取导航栏和状态栏高度
9823浏览 • 1回复 待解决
通知功能怎么调用(包括状态栏,铃声,振动,锁屏通知,角标)?
2922浏览 • 1回复 待解决
ets开发如何设置隐藏状态栏?
1797浏览 • 1回复 待解决
Dialog如何覆盖状态栏全屏显示
8885浏览 • 1回复 待解决
获取状态栏高度的方法
551浏览 • 1回复 待解决
OpenHarmony在哪里修改状态栏和导航栏布局
2530浏览 • 1回复 待解决
如何设置状态栏和导航栏的颜色
1096浏览 • 1回复 待解决
求大佬告知如何获取状态栏高度?
676浏览 • 1回复 待解决
元服务顶部状态栏怎么设置标题
582浏览 • 3回复 待解决
如何获取状态栏和导航栏高度
1277浏览 • 1回复 待解决
ArkUI ETS 开发 App 怎么修改状态栏颜色?
2451浏览 • 1回复 待解决
应用如何设置隐藏顶部的状态栏
847浏览 • 1回复 待解决
求获取状态栏高度等方法
6721浏览 • 1回复 待解决
设置状态栏,调用setWindowSystemBarProperties不生效
818浏览 • 1回复 待解决
鸿蒙怎么 修改状态栏字体颜色
10595浏览 • 1回复 待解决
调用setWindowSystemBarProperties接口设置窗口状态栏和导航栏的高亮属性时不生效
782浏览 • 1回复 待解决
uiextension为什么不会避让顶部状态栏
284浏览 • 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