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

Question

我想知道应用程序的顶部从哪里开始。看下面的hello world应用程序：

调试标语已移至状态栏下方，它指示我的应用程序的顶部边缘从屏幕边缘开始。但是，应用程序的timestamp without time zone已放置在状态栏之后。这种不一致使我感到困惑！应用程序的一小部分是否重叠在应用程序的状态栏下？为什么AppBar不在状态栏中？如何确定我的应用程序应如何与状态栏重叠？最佳实践是什么？将应用程序标头与状态栏重叠是一种好习惯吗？

Answer 1

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

当您删除应用栏时，这非常清楚：

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

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

您可以通过将身体包裹在SafeArea中来解决此问题：

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