Flutter - 更改状态栏颜色并始终显示在顶部

【问题标题】：Flutter - Change the status bar color & it always show at the topFlutter - 更改状态栏颜色并始终显示在顶部
【发布时间】：2022-01-09 12:24:38
【问题描述】：

我是 Flutter 的新手。我用代码更改状态栏颜色：

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor: Colors.green,
));

这是结果：

显示对话框时的 UI：

当对话框出现时，我看到状态栏在顶部仍然可见，它不在覆盖层下，UI 看起来很丑。我希望当对话框出现时，覆盖层也在状态栏的顶部。该怎么做？

【问题讨论】：

【解决方案1】：

您可以将状态栏颜色设置为透明，这样您就可以通过位于状态栏后面的小部件来控制颜色。

如果你想控制状态图标/文本颜色（白色/黑色），你可以这样做：

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);// or SystemUiOverlayStyle.white

【讨论】：

我只想给状态栏上色一次，我用代码SystemChrome.setSystemUIOverlayStyle做到了。但是当对话框出现时，对话框的覆盖不在状态栏上，所以 UI 看起来很糟糕。