dart - 没有 AppBar 的 Flutter 应用设计

我尝试使用这种方法将我的所有 UI(这里只有一个 Text)都放在 状态栏的应用程序中,但没有AppBar:

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
      title: "example",
      home: Scaffold(
        body: Text("text widget"),
      ),
    ));

这个问题已经问过一次与我的文字类似,但是 the answer to it (which is also accepted)只考虑 margin。对我来说,这似乎不是一个令人满意的解决方案,尤其是因为您需要访问 MediaQuery.of(context).padding,而我什至无法弄清楚如何使用 context 在我的简单示例中。

我的代码给了我以下结果:

但我想看看这个:

现在要明确我的问题和另一个问题之间的区别:我不是在寻找 ma​​rgin,而是在寻找一种合法的惯用方式来做到这一点。我的意思可能是这样的:

ScaffoldWithoutAppBar(body: ...

显然这不存在,但我不想修正边距

最佳答案

将您的页面内容(文本或脚手架)包装在 SafeArea 中小部件

A widget that insets its child by sufficient padding to avoid intrusions by the operating system.

return new SafeArea(child: new Text('text widget'));

https://stackoverflow.com/questions/50091640/

相关文章:

android - Flutter Android Studio 中缺少设备文件资源管理器选项

flutter - 如何停止 flutter 应用程序中的firebase错误

dart - 在 Flutter 中使用 JS 库

dart - 是否可以使用 Flutter 提供的 Dart SDK 作为 AngularDart

firebase - Flutter Admob AppID 使用 Android 还是 iOS?

android - Flutter 使用 ProGuard 和 Firebase Auth 构建崩溃

flutter - 如何在 flutter 中更改 textField 的下划线颜色?

image - Flutter - 将图像上传到 Firebase 存储

flutter - Flutter 如何处理方向变化

firebase - flutter/Dart 错误 : The argument type 'Fu