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级别(会改变整个app的AppBar Color)改变primaryColor

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

如果您想在 Widget 级别更改它，请修改 backgroundColor

  appBar: AppBar(
    backgroundColor: primaryColor,
  ),