我想知道应用程序的顶端是从哪里开始的.看看下面的hello world应用:

enter image description here

调试横幅已位于状态栏下方,这表明我的应用程序的顶部边缘从屏幕边缘开始.但是,应用程序AppBar已经放在状态栏之后.这种不一致让我迷惑不解!应用程序的一小部分在状态栏下面重叠,是不是我的应用程序的一部分?为什么AppBar不在状态栏下?如何确定我的应用程序应该如何与状态栏重叠?这里最好的做法是什么?将应用程序标题与状态栏重叠是否是一种好做法?

推荐答案

实际上,AppBar is部分位于状态栏下面.它只是有一个内部填充来正确处理它

当您删除appbar时,这一点非常清楚:

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

在这种情况下,它将在状态栏下显示"Hello".

您可以通过将您的身体包裹成SafeArea:

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

Flutter相关问答推荐

具有可变高度小部件的SingleChildScrollView内的列

如何在flutter文本字段中添加要点条目?

从Flutter应用程序解释蓝牙BLE数据:了解Sylvania压力值

为什么我的PIN字段在第一次打字时不显示数字?

如何在Flutter 中不从getX库中初始化GetxController中的变量

FCM通知显示两次通知(&A)

在setState之后,Ffltter ListView.Builder未更新

无效参数(S):隔离消息中的非法参数:try 旋转图像时对象不可发送

如何在表格日历标题下方添加文本?

Flutter 隔离.使用多个参数运行

Flutter 翼future 建造者不断开火和重建.它在每次重建时都会生成一个新的随机数--我如何防止这种情况?

DART:如何判断有时可以为空的泛型类型?

无状态和有状态小部件,我可以同时使用吗?

Flutter 3.10 - 'window' 已弃用,不应使用

Flutter:当我通过 Transform.rotate 旋转水平 ListView 时,左右边缘被切断

在 Android 12+ 中,REST API 调用在 flutter 中非常慢,在 WiFi 中需要 10 秒,而在移动数据中不到一秒

将 onSaved(value) 从自定义 TextFormField 小部件传递给另一个?

使用 Firebase/Flutter 进行应用判断 - 100% 无效请求

如何在Flutter 中专注于列表视图中最新添加的项目

如何在 CircleAvatar 中使用 Stack