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。

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



但我想看看这个:



现在，要使我的问题与另一个问题之间的区别清楚:我不是在寻找边际，而是在寻找一种合法的惯用方式。我的意思可能是这样的:

ScaffoldWithoutAppBar(body: ...

显然，这不存在，但是我不希望有边际修复。

最佳答案

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

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