Flutter:从AppBar中减去状态栏的高度

时间:2019-06-01 16:27:56

标签: flutter statusbar appbar

我将AppBar下移了,但是现在它的高度太大了。我想知道如何从AppBar的高度中减去状态栏的高度。这是现在的样子:

enter image description here

以下是设置AppBar高度的方法:

Flutter: Setting the height of the AppBar

以下是获取状态栏高度的方法:

How or where do I change the system status bar Flutter framework

final double statusBarHeight = MediaQuery.of(context).padding.top;
return new Padding(
      padding: new EdgeInsets.only(top: statusBarHeight),
      child: content
);

我只是不知道如何将这些部分放在一起(我对Flutter还是很陌生,所以请很好地解释答案)

1 个答案:

答案 0 :(得分:0)

这是您要寻找的吗?

enter image description here

Widget build(BuildContext context) {
  return SafeArea(
    child: Scaffold(
      body: Column(
        children: <Widget>[
          Container(
            height: 70,
            alignment: Alignment.center,
            color: Colors.red,
            child: Text(
              "ADVERTISE HERE!",
              style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 24),
            ),
          ),
          AppBar(title: Text("Main page")),
        ],
      ),
    ),
  );
}