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

Question

我想知道应用程序的顶部边缘从哪里开始 flutter 。看看下面这个 hello world 应用:

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

Answer 1

其实，appbar是部分在状态栏的下方。它只是有一个内部填充来正确处理它

这点去掉appbar就很清楚了:

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

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

您可以通过将您的 body 包裹到 SafeArea 中来解决此问题:

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