种子不起作用的flutter应用程序栏背景颜色

Question

我正在开发一个颤抖的应用程序。在此，我试图在themedata中使用usematerial3。因此，我使用以下代码在colorscheme中设置颜色。

static ThemeData lightThemeData = ThemeData(
    useMaterial3: true,
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.red,
    ),
    appBarTheme: AppBarTheme(
      centerTitle: true,
      elevation: 2,
      titleTextStyle: textTheme.titleLarge,
    ),
  );

我已将上面的LightThemedata在main.dart中分配给主题属性。当我运行应用程序时，Appbar不显示合适的颜色。请检查下面的屏幕截图。

它没有显示适当的红色。有人知道，为什么会发生这种情况？

Flutter版本： 3.0.1

注意：它在Flutter v2.10.5上工作，但在3.0.1

上不使用

Answer 1

您可以将类似的内容用于全红色体验：

static ThemeData lightThemeData = ThemeData(
    useMaterial3: true,
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.red,
      primary: Colors.red,
      secondary: Colors.red,
    ),
    appBarTheme: AppBarTheme(
      color: Colors.red,
      //other options
    ),
  );

另外，您可以使用类似的情况使用：

static ThemeData lightThemeData = ThemeData(
    useMaterial3: true,
    colorScheme: ColorScheme.fromSwatch(primarySwatch: Colors.red),
    appBarTheme: AppBarTheme(
      color: Colors.red,
      //other options
    ),
  );

但是请确保在使用该应用程序的每个部分，因为文档说：

出于历史原因，您可以提供[prientarcolor]或[priendar swhatch]来构造[Colorscheme]，而不是使用[Colorshemeseed]或[Colorsheme]或[Colorsheme]从种子颜色。

我认为FromSwatch专为材料设计2。

以下是一个外部工具：

为了绝对控制颜色，在 https://m3.material.io/theme-builder#/custom
从左栏中选择您的颜色，并使用右上按钮导出结果（有一个颤音选项）。下载的文件包含完整的方案。您可以覆盖不喜欢的颜色，并直接进入主题。

Answer 2

种子颜色可直接用于创建用于主音调的音调调色板。然后，从同一音调调色板中为浅色模式和色调80分配了色调40的音调40。这些颜色都不是您使用的“主要”种子颜色的确切匹配，它将是与种子颜色相匹配的色调调色板的颜色，因为它是主要的颜色。

---

品牌Challange

如果您出于品牌目的需要它才能与提供的种子颜色完全匹配，则可以随时覆盖Colorscheme.Primary。使用原始种子颜色使用copywith获得。然后将该Colorscheme用作应用程序主题的输入。要额外的一步，但是它也可以正常工作，而且看起来还不错，因为对于原始颜色，其他颜色仍然可以匹配并与这种颜色保持同步。

Answer 3

您的应用程序会生成从给定的种子颜色派生的[Colorscheme]。

使用种子颜色作为起点，构建了一组音调调色板。这些音调调色板基于材料3颜色系统，并为[Colorscheme]提供了所有所需的颜色。

或者，如果您希望任何小部件的颜色与所提供的种子颜色完全相同，则应为其提供背景和前景颜色，例如：

AppBar(
        backgroundColor: Theme.of(context).colorScheme.primary,
        foregroundColor: Theme.of(context).colorScheme.onPrimary,
      ),

使用此颜色，您的Appbar将看起来像您的种子颜色一样，将其看起来确切的颜色。