如何为整个MaterialApp的主题设置背景色？

在Flutter中，MaterialApp 是应用程序的根部件，它定义了整个应用程序的全局样式和行为。要为整个 MaterialApp 的主题设置背景色，可以通过 ThemeData 类来定制主题，并在其中设置 canvasColor 或 backgroundColor 属性。

基础概念

MaterialApp: Flutter中的一个核心部件，用于配置全局应用设置，如主题、路由等。
ThemeData: 用于定义应用的主题样式，包括颜色、字体、图标等。

类型与应用场景

canvasColor: 设置整个应用的基础背景色，包括所有未指定背景色的部件。
backgroundColor: 设置应用的主要背景色，通常用于设置 Scaffold 的背景。

示例代码

以下是如何在 MaterialApp 中设置背景色的示例：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 设置整个应用的基础背景色
        canvasColor: Colors.grey[200],
        // 或者设置 Scaffold 的背景色
        primaryColor: Colors.blue,
        accentColor: Colors.amber,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Page'),
      ),
      body: Center(
        child: Text('Hello, World!'),
      ),
    );
  }
}