我们如何在Flutter中更改Appbar背景颜色
问题内容:
我正在尝试为应用设置通用主题,因此我需要将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,
),