如何根据主题更改状态栏/导航栏颜色/亮度？答案

【问题标题】：How to change status bar / navigation bar color/brightness with respective to theme?如何根据主题更改状态栏/导航栏颜色/亮度？
【发布时间】：2022-01-20 02:58:27
【问题描述】：

使用 Getx 进行主题化，但在根据浅色/深色主题更改状态栏图标亮度时遇到一些问题。

我找到了两种方法。

第一。

 WidgetsBinding.instance!.addPostFrameCallback((_) {
   SystemChrome.setSystemUIOverlayStyle(overlayStyle);
 });

这需要在 initState() 期间调用。

第二。

AnnotatedRegion<SystemUiOverlayStyle>()

这个小部件也可以正常工作。有没有其他方法可以实现这个目的？

附：使用 Flutter 2.8.0

【问题讨论】：

标签： flutter material-design themes flutter-getx

【解决方案1】：

您可以使用ThemeData根据暗/亮来改变整个应用的亮度。

您的所有主题自定义都可以使用它来完成。下面是亮度和原色的示例。

ThemeData(
    brightness: Brightness.dark, // or Brightness.light (for dark or light)
    // .........
    primarySwatch: Colors.orange, // for changing primary color
),

【讨论】：