web-dev-qa-db-fra.com

Comment pouvons-nous changer la couleur d'arrière-plan de la barre d'application en flottant

j'essaie de définir un thème commun pour l'application, je dois donc changer la couleur de la barre d'application comme couleur qui indique le code hexadécimal # 0f0a1a

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

j'essaie ce morceau de code pour créer une couleur personnalisée mais échoue. Comment puis-je faire cela à partir de themeData?

dartflutterflutter-layout
7
Vineeth Mohan

déclarez votre couleur comme ceci

const PrimaryColor = const Color(0xFF151026);

puis dans le niveau MaterialApp (changera la couleur AppBar dans toute l'application) changer le PrimaryColor

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

et si vous voulez le changer dans le niveau Widget changez simplement le backgroundColor

  appBar: AppBar(
    backgroundColor: PrimaryColor,
  ),
16
Raouf Rahiche

Si vous ne souhaitez pas modifier l'ensemble PrimaryColor, vous pouvez également définir AppBarTheme dans votre ThemeData:

MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(
       appBarTheme: AppBarTheme(
     color: Color.fromARGB(200, 255, 255, 255),
  )),
  home: myApp(),
)
0
Hugo H