颤振-禁用状态栏时陷波区域为空白

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

Answer 2

这是简单的方法。您可以通过将身体包裹在SafeArea

中来解决此问题

Scaffold(
  body: SafeArea(
    child: Text("Hello"),
  ),
),