Flutter 工具栏重叠在状态栏下方

Question

我想知道应用程序的顶部边缘从哪里开始颤动。查看以下 hello world 应用程序：

调试横幅已移至状态栏下方，这表明我的应用程序的上边缘从屏幕边缘开始。但是，应用程序的 AppBar 已放在状态栏之后。这种矛盾让我很困惑！应用程序的一小部分是否重叠在我应用程序的状态栏下？为什么 AppBar 不在状态栏下？我如何决定我的应用程序应该如何与状态栏重叠？这里的最佳做法是什么？将应用程序 header 与状态栏重叠是一种好做法吗？

Answer 1

实际上，应用栏部分位于状态栏下方。它只是有一个内部填充来正确处理它

删除appbar后就很清楚了:

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

在这种情况下，它会在状态栏下方呈现"Hello"。

您可以通过将 body 包装成 SafeArea 来解决此问题：

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

Flutter 工具栏重叠在状态栏下方

Flutter toolbar overlapping below status bar

flutter

flutter-layout