How can we change appbar background color in flutter

问题

I am trying to set a common theme for app so I need to change appbar color as a color that indicates hex code #0f0a1a

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

I try this piece of code to make a custom color but fails. How can I do this from themeData?

回答1:

declare your Color like this

const PrimaryColor = const Color(0xFF151026);

and then in the MaterialApp level( will change the AppBar Color in the whole app ) change the PrimaryColor

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

and if you want to change it in the Widget level just change the backgroundColor

  appBar: AppBar(
    backgroundColor: PrimaryColor,
  ),

回答2:

If you don't want to change the whole PrimaryColor you can also define AppBarTheme in your ThemeData:

MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(
       appBarTheme: AppBarTheme(
     color: Color(0xFF151026),
  )),
  home: myApp(),
)

来源：https://stackoverflow.com/questions/51740339/how-can-we-change-appbar-background-color-in-flutter