HarmonyOS 鸿蒙Next API9页面全屏时顶部出现空白区域导致页面布局被挤下

HarmonyOS 鸿蒙Next API9页面全屏时顶部出现空白区域导致页面布局被挤下

使用API 9新建项目，只修改了 EntryAbility 和页面 pages/index

EntryAbility代码如下：

pages/Index代码如下：

模拟器运行效果如下：

布局很简单，但顶部出现一块未知的空白区域，把子控件往下挤了一段距离。

后尝试将 setWindowSystemBarEnable(["status", "navigation"])` 修改为setWindowSystemBarEnable([“status”])` 隐藏底部导航后，页面恢复正常

或者将setWindowSystemBarEnable(["status", "navigation"]) 修改为 setWindowSystemBarEnable([])

全屏难道不能保留导航栏吗？看其他人发的帖子是能实现在保留状态栏和导航栏的情况下实现全屏的。那这种情况是什么原因呢？亦或者是API有bug?


更多关于HarmonyOS 鸿蒙Next API9页面全屏时顶部出现空白区域导致页面布局被挤下的实战教程也可以访问 https://www.itying.com/category-93-b0.html

10 回复

想问一下楼主, 有API或什么方法设置状态栏的背景色和字体颜色嘛,我看文档中的方法提示不支持setWindowSystemBarProperties

更多关于HarmonyOS 鸿蒙Next API9页面全屏时顶部出现空白区域导致页面布局被挤下的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


没有找到，而且我没有真机，模拟器很多属性设置了还会影响正常运行。。。

好吧好吧,感谢,看来还要搞个华为的真机，

我也遇到了这样的问题，头大

你试试设置规避区，

设置规避区的API是？我只找到了获取规避区的API没找到设置的，

找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：https://www.bilibili.com/video/BV1S4411E7LY/?p=17，

感觉很奇怪，里面不管嵌套多少层，只要高度是100%，都能顶到顶部，但是只要子空间是固定数值的高度，就会被挤下来，

感谢回复，提工单了，官方回复真机是正常的。先这样吧。

在HarmonyOS鸿蒙Next API9中，页面全屏时顶部出现空白区域导致页面布局被挤下，可能是由于系统状态栏或导航栏的占用空间未正确处理。鸿蒙系统中，全屏模式下需要明确处理状态栏和导航栏的显示与隐藏，以确保页面布局不受影响。

首先，检查应用是否使用了WindowInsets来处理系统栏的占用空间。鸿蒙系统提供了WindowInsets类来获取系统栏的尺寸信息，开发者可以通过View.setOnApplyWindowInsetsListener方法来监听系统栏的变化，并根据需要调整页面布局。

其次，确认是否在manifest.json中正确配置了全屏模式。鸿蒙系统支持通过window属性设置全屏模式，如"window": { "fullScreen": true }。如果未正确配置，系统可能会保留状态栏或导航栏的空间。

此外，检查是否在代码中显式设置了View.setSystemUiVisibility或Window.setDecorFitsSystemWindows来控制系统栏的显示。鸿蒙系统提供了WindowInsetsController类来管理系统栏的显示与隐藏，可以通过WindowInsetsController.hide(WindowInsets.Type.statusBars())或WindowInsetsController.show(WindowInsets.Type.statusBars())来控制状态栏的显示。

最后，确保布局文件中未设置多余的paddingTop或marginTop属性，这些属性可能会导致页面内容被系统栏挤下。可以通过View.getWindowInsets()获取系统栏的尺寸，并在布局中动态调整padding或margin值。

总结，页面全屏时顶部出现空白区域的问题通常与系统栏的处理有关，开发者需要正确配置全屏模式并动态调整布局以适配系统栏的占用空间。

回到顶部