没有AppBar的Flutter应用程序设计

Question

我尝试使用这种方法在 状态栏* 下方 的Text应用程序 中 拥有所有UI（此处只有一个），但 没有 _ AppBar_ ： _ ***_

import 'package:flutter/material.dart';

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

与我的文字类似，已经 有人问 过这个问题，但是仅考虑margin在内。在我看来，这似乎不是令人满意的解决方案，尤其是因为您需要访问MediaQuery.of(context).padding，而context在我的简单示例中我什至无法弄清楚如何使用。

我的代码给我以下结果：

但我想看看这个：

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

ScaffoldWithoutAppBar(body: ...

显然，这不存在，但我不希望 执行边距修复 。

Answer 1

将页面内容（文本或支架）包装在SafeArea小部件中

一个小部件，它通过足够的填充来插入其子级，以避免操作系统的入侵。

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