dart - 我们如何改变flutter中的appbar背景颜色

Question

我正在尝试为应用程序设置一个通用主题，因此我需要将 appbar 颜色更改为指示十六进制代码#0f0a1a

const MaterialColor toolbarColor = const MaterialColor(
    0xFF151026, const <int, Color>{0: const Color(0xFF151026)});

我尝试这段代码来制作自定义颜色，但失败了。我如何从 themeData 执行此操作？

Answer 1

声明你的颜色:

const primaryColor = Color(0xFF151026);

在MaterialApp级别(将更改整个应用程序中的AppBar颜色)更改primaryColor

return MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(
   primaryColor: primaryColor,
   ),
  home: MyApp(),
);

如果您想在小部件级别更改它，请修改backgroundColor

  appBar: AppBar(
    backgroundColor: primaryColor,
  ),