【问题标题】:Flutter toolbar overlapping below status bar颤振工具栏在状态栏下方重叠
【发布时间】:2019-01-11 09:28:41
【问题描述】:

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

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

【问题讨论】:

    标签: flutter flutter-layout


    【解决方案1】:

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

    这点去掉appbar就很清楚了:

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

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

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

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

    【讨论】:

    • 抱歉,这没有回答问题。我只想让“慢速模式”横幅出现在状态栏下方。
    • @Chandler 这个答案是“你试图解决的问题不是问题”。这是期望的行为,没有理由改变它。
    • 安全区域应该是默认的 imo(不需要指定),但我猜现在有凹槽和东西,情况不同了
    • @DanielWilson 这是默认设置。 Appbar 包括这样的填充。