我来帮你梳理下问题出在哪，以及怎么修复：

核心问题：多个UI样式设置冲突 #

你同时使用了全局的SystemChrome.setSystemUIOverlayStyle和局部的AnnotatedRegion来控制状态栏，这两者会互相干扰——AnnotatedRegion的优先级更高，会直接覆盖你之前的全局设置。而且你在AnnotatedRegion里只设置了SystemUiOverlayStyle.light，没有指定背景色，这就导致状态栏样式混乱，出现闪屏后恢复默认的情况。

另外，AppBar默认会自动根据自身颜色调整状态栏样式，这也会和你的自定义设置冲突，哪怕你修改了AppBar颜色或者移除它，系统主题的默认行为也可能继续影响状态栏。

修复步骤 & 修正后的代码 #

按照下面的调整，就能稳定控制状态栏颜色了：

1. 移除冲突的全局设置：删掉SystemChrome.setSystemUIOverlayStyle相关代码，只用AnnotatedRegion统一控制页面的系统UI样式
2. 调整AnnotatedRegion位置：把它放在SafeArea外层，确保能覆盖整个页面的系统UI区域
3. 明确状态栏所有属性：在SystemUiOverlayStyle里同时指定背景色、图标亮度等，避免系统默认行为干扰
4. 禁用AppBar自动调整：如果保留AppBar，需要手动设置它的systemOverlayStyle，让它和全局样式保持一致

@override
Widget build(BuildContext context) {
  final themeColor = Provider.of<ThemeNotifier>(context);
  final direction = Provider.of<Direction>(context).getAppDirection();

  return AnnotatedRegion<SystemUiOverlayStyle>(
    // 明确设置状态栏的所有关键属性
    value: SystemUiOverlayStyle(
      statusBarColor: Colors.blue, // 你想要的状态栏背景色
      statusBarIconBrightness: Brightness.dark, // Android状态栏图标设为深色
      statusBarBrightness: Brightness.light, // iOS端对应背景色的图标亮度（蓝色背景下用light，图标会是深色）
      systemNavigationBarIconBrightness: Brightness.dark,
    ),
    child: SafeArea(
      child: Directionality(
        textDirection: direction,
        child: WillPopScope(
          // 修复onWillPop缺少返回值的问题
          onWillPop: () async {
            Nav.routeReplacement(context, SignUpPage());
            return false;
          },
          child: Scaffold(
            resizeToAvoidBottomInset: false,
            appBar: AppBar(
              leading: Container(
                width: 32,
                padding: const EdgeInsets.only(top: 8.0),
                child: IconButton(
                  icon: Icon(
                    Icons.chevron_left,
                    color: themeColor.getColor(),
                    size: 32,
                  ),
                  onPressed: () {
                    Navigator.pop(context);
                  },
                ),
              ),
              backgroundColor: Color.fromARGB(255, 252, 252, 252),
              elevation: 0,
              centerTitle: true,
              // 禁用AppBar自动调整状态栏，保持和全局样式一致
              systemOverlayStyle: SystemUiOverlayStyle(
                statusBarColor: Colors.blue,
                statusBarIconBrightness: Brightness.dark,
                statusBarBrightness: Brightness.light,
              ),
              title: Text(
                "Nitrogen",
                style: GoogleFonts.poppins(
                  fontSize: 26,
                  color: themeColor.getColor(),
                  fontWeight: FontWeight.w600,
                ),
              ),
            ),
            body: SingleChildScrollView(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  AuthHeader(
                    translate('login_page.login'),
                    translate('login_page.existing'),
                  ),
                  LoginForm(),
                  SizedBox(height: 20),
                  routeLoginWidget(themeColor, context, direction),
                ],
              ),
            ),
          ),
        ),
      ),
    ),
  );
}

额外注意事项 #

• iOS与Android差异：iOS的statusBarBrightness和Android的statusBarIconBrightness逻辑对应：浅色背景（如白色）用Brightness.dark让图标深色；深色背景（如蓝色）用Brightness.light让图标深色
• MaterialApp主题影响：检查你的根MaterialApp的theme里有没有设置appBarTheme.systemOverlayStyle，如果有需要统一调整，避免覆盖页面级设置
• 闪屏问题解决：之前的闪屏是因为全局设置先生效，随后被AnnotatedRegion覆盖，现在只用AnnotatedRegion就能避免这个情况

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