Flutter 当设置为全屏模式时，颤振容器不覆盖整个屏幕

我尝试使用

SystemChrome.setEnabledSystemTimeOverlays（[]）在颤振中使用全屏模式。它可以工作，但容器似乎没有覆盖整个屏幕。这就像它向上移动以覆盖系统栏，如下图所示，在底部留下一些空间。如何解决这个问题


我的代码是：

class MainPage extends StatefulWidget {
  _MainPageState createState() => _MainPageState();
}

class _MainPageState extends State<MainPage> {
  @override
  Widget build(BuildContext context) {
    SystemChrome.setEnabledSystemUIOverlays([]);
    return MaterialApp(
        title: 'Flutter Gradient Demo',
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          body: Center(
            child: Container(
                decoration: BoxDecoration(gradient: radialAppBackground)),
          ),
        ));
  }
} 

class主页扩展StatefulWidget{
_MainPageState createState（）=>\u MainPageState（）；
}
类_MainPageState扩展状态{
@凌驾
小部件构建（构建上下文）{
SystemChrome.SetEnabledSystemEmioVerlays（[]）；
返回材料PP(
标题：“颤振梯度演示”，
debugShowCheckedModeBanner:false，
家：脚手架(
正文：中(
子：容器(
装饰：框装饰（渐变：radialAppBackground）），
),
));
}
} 
您需要将您的
脚手架
包装在
安全区域
小部件中

来自颤振文档的安全区域的好处

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

例如，这将使子对象缩进足够多，以避免出现该状态
在屏幕顶部的条

它还将按避免错误所需的数量缩进子项
iPhone X上的缺口，或其他类似的创新物理特性
显示器

您可以参考文档


这个答案看起来比较全面,

您的
材料应用程序
正在使用
脚手架
，该脚手架有一个专用的
底部导航栏
，移除
材料
的
脚手架
和/或
容器
应能解决此问题，并具有全屏设计。
您是否尝试将脚手架更改为材料小部件？o只是一个容器？是否希望屏幕覆盖导航栏而不是状态栏？因为如果您只想让容器全屏显示，而不覆盖状态或导航栏，则不需要
SystemChrome.setenabledsystemimioverlays（[]）