不带应用栏的Flutter IphoneX状态栏颜色

时间:2018-12-21 07:52:46

标签: flutter flutter-layout

我有一种情况,我不希望应用程序栏出现在我的应用程序中,问题是,如果我删除了应用程序栏,状态栏将变为默认颜色,而脚手架中没有属性可更新状态栏的颜色,将身体安全包裹在状态栏是否始终保持不变

示例代码

return Scaffold(
        body: ListView(
      children: <Widget>[

2 个答案:

答案 0 :(得分:1)

如果您不想使用脚手架Scaffold,则可以更改此小部件以更改状态栏的文本/图标颜色:

AnnotatedRegion<SystemUiOverlayStyle>(
  value: SystemUiOverlayStyle.light, // or dark
  child: <your page>,
)

要更改背景颜色,请使用ContainerDecoratedBox

您可以从MediaQuery.of(context).padding获取状态栏的高度。

答案 1 :(得分:0)

您可以通过使AppBar不可见来更改状态栏的颜色。借助PreferredSize,我们可以将AppBar的高度设置为0,并为状态栏颜色设置backgroundColor属性。

appBar: PreferredSize(child: AppBar(
      backgroundColor: Colors.red,
      elevation: 0.0,
    ),
      preferredSize: Size.fromHeight(0.0)
  )