如何移除Flutter Android端模拟器状态栏上的灰色覆盖层？

这个灰色覆盖层不是调试模式的特有内容，正式打包发布后依然会显示，它是Android系统默认的状态栏半透明遮罩效果，是因为你当前未主动指定状态栏的背景颜色导致的。

你当前使用的SystemUiOverlayStyle.dark是Flutter预设的样式，仅指定了状态栏文字、图标为深色，并没有覆盖状态栏背景色的默认半透明配置，你可以通过copyWith方法自定义statusBarColor参数实现纯白色状态栏：

AnnotatedRegion<SystemUiOverlayStyle>(
  value: SystemUiOverlayStyle.dark.copyWith(
    statusBarColor: Colors.white, // 设置状态栏背景为纯白色
    // 可按需额外配置 statusBarIconBrightness 等参数
  ),
  child: // 此处放置你的页面根组件
)

如果需要全局统一状态栏样式，也可以在应用初始化阶段直接设置，无需每个页面单独添加AnnotatedRegion：

import 'package:flutter/services.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  // 全局配置状态栏样式
  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
    statusBarColor: Colors.white,
    statusBarIconBrightness: Brightness.dark, // 深色图标适配白色状态栏背景
  ));
  runApp(const MyApp());
}

注意：如果页面中使用了AppBar组件，AppBar自带的systemOverlayStyle、backgroundColor配置优先级高于全局配置，需要同步调整AppBar的相关参数，避免配置不生效。

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