Flutter如何在ThemeData定义内设置FAB背景色为tertiaryContainer

当然可以实现，你需要先基于colorSchemeSeed预先生成对应的ColorScheme实例，再用它来配置FloatingActionButtonThemeData的背景色，同时把这个ColorScheme传入ThemeData中，确保整个主题的颜色一致性。

具体代码修改如下：

return MaterialApp(
  ...
  theme: () {
    // 先基于colorSchemeSeed生成ColorScheme
    final colorScheme = ColorScheme.fromSeed(
      seedColor: Colors.blueGrey,
      // 如需适配深色模式，可添加brightness参数，例如brightness: Brightness.light
    );
    return ThemeData(
      useMaterial3: true,
      visualDensity: VisualDensity.adaptivePlatformDensity,
      colorScheme: colorScheme, // 将生成的ColorScheme传入ThemeData
      ...
      floatingActionButtonTheme: FloatingActionButtonThemeData(
        backgroundColor: colorScheme.tertiaryContainer, // 直接使用预生成的ColorScheme属性
      ),
    );
  }(),
  ...
);

说明 #

• 通过ColorScheme.fromSeed()手动生成与colorSchemeSeed匹配的颜色方案，让你能在主题声明阶段直接访问tertiaryContainer这类衍生颜色。
• 将生成的colorScheme赋值给ThemeData.colorScheme，保证整个应用的主题颜色基于同一套种子色生成，避免出现颜色不一致的问题。
• 这种方式无需额外封装组件，也不用在每个FloatingActionButton中重复设置颜色，完全满足你的需求。

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