Flutter中如何将应用背景改为纯黑色？排查代码问题

你当前的代码只修改了ColorScheme的background属性，但Scaffold的body背景默认使用的是ThemeData中的scaffoldBackgroundColor，而非ColorScheme.background。ThemeData.dark()的默认scaffoldBackgroundColor是偏深的灰色（比如Colors.grey[900]），所以才会显示深色而非纯黑。

解决方案一：全局统一设置 #

在ThemeData中直接指定scaffoldBackgroundColor，同时保留ColorScheme的设置以保证全局颜色一致性：

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: Colors.black, // 设置Scaffold默认背景色
        colorScheme: const ColorScheme.dark().copyWith(background: Colors.black),
      ),
      title: "Test",
      home: Scaffold(body: Center(child: Text("Test"))),
    );
  }
}

解决方案二：单独页面设置 #

如果只需要给某个Scaffold设置纯黑背景，直接在组件上指定backgroundColor即可：

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData.dark(),
      title: "Test",
      home: Scaffold(
        backgroundColor: Colors.black, // 单独给当前Scaffold设置背景色
        body: Center(child: Text("Test"))
      ),
    );
  }
}

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