使用AnnotatedRegion修改状态栏后，如何恢复其默认设置？

首先，问题出在你把AnnotatedRegion放在了应用的根层级（比如MaterialApp的外层），这会让整个应用的状态栏样式都被这个配置覆盖，哪怕其他页面没显式设置。要恢复默认的自动适配行为，你可以按下面的步骤来做：

1. 移除全局的AnnotatedRegion配置 #

把你放在初始页面外层的AnnotatedRegion移到仅需要白色状态栏的特定页面内部，比如包裹该页面的Scaffold，而不是整个应用的根Widget。这样只有这个页面会使用白色状态栏，其他页面不受影响。

示例代码：

// 仅在需要白色状态栏的页面使用
class InitialPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: SystemUiOverlayStyle.light.copyWith(statusBarColor: Colors.white),
      child: Scaffold(
        // 页面内容
      ),
    );
  }
}

2. 恢复默认的状态栏自动适配 #

当你移除全局的AnnotatedRegion后，Flutter会自动根据页面的AppBar或者Theme配置来适配状态栏：

• 如果页面有AppBar，状态栏颜色会默认继承AppBar的背景色，同时状态栏文字的亮度会根据AppBar的brightness（或者主题的brightness）自动调整（比如浅色AppBar配深色文字，深色AppBar配浅色文字）。
• 如果页面没有AppBar，状态栏会使用系统默认的样式，或者你可以通过主题来统一配置。

3. 针对无AppBar页面的额外配置（可选） #

如果某些页面没有AppBar，你想让状态栏自动适配页面背景，或者遵循主题，可以试试这两种方法：

方法一：用透明AppBar继承主题样式 #

class NoAppBarPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        elevation: 0,
        backgroundColor: Colors.transparent,
        automaticallyImplyLeading: false, // 隐藏返回按钮
      ),
      body: // 页面内容
    );
  }
}

这样状态栏会自动使用主题中配置的样式，同时页面内容可以延伸到状态栏下方（如果需要的话可以用SafeArea包裹内容）。

方法二：在Theme中全局配置默认状态栏样式 #

如果你想统一所有无AppBar页面的状态栏样式，可以在MaterialApp的theme中设置：

MaterialApp(
  theme: ThemeData(
    appBarTheme: AppBarTheme(
      systemOverlayStyle: SystemUiOverlayStyle.dark.copyWith(
        statusBarColor: Colors.grey[50], // 设置默认状态栏颜色
      ),
    ),
  ),
  // ...
)

为什么之前的方案没生效？ #

你尝试的SystemChrome.setSystemUIOverlayStyle方法是全局生效的，但如果你的根Widget还有AnnotatedRegion，它的优先级会比SystemChrome的设置更高，所以会覆盖掉你后续的配置。必须先移除全局的AnnotatedRegion，再用SystemChrome或者依赖默认的主题/AppBar适配才能生效。

内容的提问来源于stack exchange，提问作者gegobyte