我们如何在Flutter中更改Appbar背景颜色

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

我尝试使用这段代码来制作自定义颜色，但失败了。我怎样才能做到这一点themeData？

回答：

像这样声明你的颜色

const PrimaryColor = const Color(0xFF151026);

然后在MaterialApp关卡中（将更改整个应用中的AppBar颜色），PrimaryColor

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

如果您想在Widget级进行更改，只需更改 backgroundColor

  appBar: AppBar(
    backgroundColor: PrimaryColor,
  ),

以上是 我们如何在Flutter中更改Appbar背景颜色 的全部内容， 来源链接： utcz.com/qa/434752.html

回到顶部