当我在 Flutter 中使用 appBar 时，Android 导航栏颜色从默认的白色(在 Oreo 中)变为黑色，为什么？

Question

所以正如我的问题所暗示的那样，当我使用 appBar 时，我的 Android 导航栏颜色从其在 Oreo 中的默认白色变为黑色

所以当我的应用程序启动我的第一个脚手架时，不使用应用程序栏并且只有一个包含一些内容的主体，但是当我更新状态并用一个新的脚手架替换它时，它有一个新的主体和一个应用程序栏Android Oreo 设备默认的白色导航栏颜色变为黑色，如果我删除应用栏它不会发生，无论如何我可以阻止这种情况？

如果重要的话，这是我的 flutter 医生结果:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v0.5.1, on Mac OS X 10.12.6 16G1408, locale en-IN)
[✓] Android toolchain - develop for Android devices (Android SDK 28.0.2)
[✓] iOS toolchain - develop for iOS devices (Xcode 9.2)
[✓] Android Studio (version 3.1)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.26.1)
[✓] Connected devices (1 available)

! Doctor found issues in 1 category.

编辑:

Navigation Bar，我指的是Android底部的软件导航按钮，不是状态栏，这个导航栏由“Home”、“Recent”和“Back”按钮组成，有些设备如Galaxy S7有硬件按钮而不是软件按钮。

Answer 1

AppBar在内部创建一个 AnnotatedRegion<SystemUiOverlayStyle>由 Flutter 的原生 UI 绑定(bind)处理的小部件。它使状态栏变暗或变亮。

---

在带有 AppBar 的屏幕上, 你可以使用它的 brightness更改状态栏颜色的属性:

AppBar(
  brightness: Brightness.light,
  title: new Text('Flutter Test'),
)

Brightness.light导致带有深色图标/文本的状态栏。

---

在没有 AppBar 的屏幕上, 你可以使用 AnnotatedRegion<SystemUiOverlayStyle>设置状态栏的颜色。