一尘不染

没有AppBar的Flutter应用程序设计

flutter

我尝试使用这种方法在 状态栏* 下方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: ...

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


阅读 285

收藏
2020-08-13

共1个答案

一尘不染

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

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

return new SafeArea(child: new Text('text widget'));
2020-08-13