没有AppBar的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: ...
显然,这不存在,但我不希望 执行边距修复 。
问题答案:
将页面内容(文本或支架)包装在SafeArea小部件中
一个小部件,它通过足够的填充来插入其子级,以避免操作系统的入侵。
return new SafeArea(child: new Text('text widget'));