没有AppBar的颤动布局

概述我需要一个没有appbar的布局,所以最明显的方法就是在Scaffold上省略appbar标签,但如果我这样做,内容会在状态栏下面,如下所示： 正如你所看到的那样,我的容器是蓝色的,从状态栏的下方开始,不应该是这种情况,所以我不得不手动设置容器的边缘,这不是很好,这是结果： 我有这种感觉,设备可能具有不同高度的状态栏,因此将我的上边距设置为固定大小可能无法在其他设备上正确呈现.有没有办法让颤动将我 @H_419_6@ 我需要一个没有appbar的布局,所以最明显的方法就是在Scaffold上省略appbar标签,但如果我这样做,内容会在状态栏下面,如下所示：

正如你所看到的那样,我的容器是蓝色的,从状态栏的下方开始,不应该是这种情况,所以我不得不手动设置容器的边缘,这不是很好,这是结果：

我有这种感觉,设备可能具有不同高度的状态栏,因此将我的上边距设置为固定大小可能无法在其他设备上正确呈现.有没有办法让颤动将我的内容自动定位在状态之下,就像它将Appbar很好地定位在状态栏下方.

这是我的脚手架代码：

return new Scaffold(      body: new Column(        crossAxisAlignment: CrossAxisAlignment.stretch,children: <Widget>[          new headerLayout(),],),);

这是我的标题容器：

class headerLayout extends StatelessWidget{  @overrIDe  Widget build(BuildContext context) {    return new Container(      color: colors.blue,margin: const EdgeInsets.only(top: 30.0),child: new SizedBox(        height: 80.0,child: new Center(          child: new Text(              "Recommended Courses",style: new TextStyle(color: colors.white),)    );  }}

解决方法 您可以使用Mediaquery获取 *** 作系统填充.

你必须更换你的

margin: const EdgeInsets.only(top: 30.0),

通过

margin: Mediaquery.of(context).padding,

另一种解决方案是将您的内容包装在SafeArea中.这基本上做同样的事情.

总结

以上是内存溢出为你收集整理的没有AppBar的颤动布局全部内容，希望文章能够帮你解决没有AppBar的颤动布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。