ThemeMode.dark 不适用于 Android 系统导航栏

Question

我强制我的应用程序使用深色主题

      darkTheme: ThemeData(
        brightness: Brightness.dark,
        useMaterial3: true,
        colorSchemeSeed: colorSeed,
      ),
      // Always dark mode.
      themeMode: ThemeMode.dark,

在iOS上效果很好，但在Android上，系统导航栏仍然是浅色模式。

Answer 1

我相信这是正确的默认行为：系统使导航栏颜色与应用程序内容形成对比。

但是，您可以使用

SystemUIOverlayStyle

控制状态栏和导航栏颜色。

可以使用

SystemChrome

:

设置此样式

SystemChrome.setSystemUIOverlayStyle(
  // This is an example. You can create a custom style with different colors
  SystemUiOverlayStyle.dark,
);

或者通过在

systemOverlayStyle

上设置

AppBar

属性：

// In the `build` method in your page:
return Scaffold(
  appBar: AppBar(
    title: Text('title'),
    systemOverlayStyle: SystemUiOverlayStyle.dark,
  ),
  body: Center(child: Text('Page content')),
);