android - Flutter - 禁用状态栏时缺口区域为空白

Question

这是我的应用程序的正常外观:

我想隐藏状态栏区域和底部导航栏，以便全屏显示图像。

• 已尝试 SystemChrome.setEnabledSystemUIOverlays([]); 状态栏区域隐藏但状态栏处有黑色或空白区域

• 如果我设置 SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);

然后我得到与 [image1][1] 相同的结果

• 如果我设置 SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);

我得到这个看起来很奇怪的导航栏，状态栏仍然存在

• 如果我设置 SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);

状态栏区域为黑色，出现导航栏

尝试使用和不使用安全区域。仍然没有获得所需的全屏。

有什么方法可以隐藏状态栏(不创建空白区域)并隐藏导航栏使图像全屏，即甚至利用缺口侧区域？

Answer 1

在 styles.xml 中添加以下行即可解决问题

<item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>

引用:https://github.com/flutter/flutter/issues/46486