Flutter 中 ThemeData 的 backgroundColor 属性发生了哪些变化？答案

【问题标题】：What components reflect on changes in backgroundColor property of ThemeData in Flutter?Flutter 中 ThemeData 的 backgroundColor 属性发生了哪些变化？
【发布时间】：2020-06-06 00:13:26
【问题描述】：

我开始研究 ThemeData 类的属性 (https://api.flutter.dev/flutter/material/ThemeData-class.html)

并被属性卡住 - backgroundColor。我找不到使用它的信息。我在 Android Studio 中测试了几个小部件：

只有文字，
脚手架
ChoiceChip（默认背景颜色为浅灰色）
LinearProgressIndicator 或进度条（反射）

我也浏览过https://material.io/design/color/applying-color-to-ui.html。

没有提到 Flutter 中 ThemeData 的 backgroundColor 属性的变化反映了哪些组件（小部件）？除了LinearProgressIndicator

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        accentIconTheme: IconThemeData(color:Colors.deepOrange),
        backgroundColor: Colors.red,
        primaryColor: Colors.teal,
      ),
      home: HomePage(),
    );
  }
}

【问题讨论】：

标签： flutter themes

【解决方案1】：

在您发布的页面上：https://api.flutter.dev/flutter/material/ThemeData-class.html

它确实说明了 backgroundColor 的作用，只需向下滚动一些或搜索它：

背景颜色 → 颜色。

与primaryColor形成对比的颜色，例如用作进度条的剩余部分。

或在单独的链接中： https://api.flutter.dev/flutter/material/ThemeData/backgroundColor.html

恕我直言，不是很直观，但至少他们确实记录了它。

话虽如此，我认为您会发现这两个对您的应用程序更有用：

对话框背景颜色 → 颜色

Dialog 元素的背景颜色。

脚手架背景颜色→颜色

材质的默认颜色位于脚手架的下方。典型材质的背景颜色应用或应用内的页面。

【讨论】：