Segui passo a passo mas minha appBar não mudou de cor
Segui passo a passo mas minha appBar não mudou de cor
Fala Ana! Tudo bom? :D
Vê, depois que o vídeo foi gravado o Flutter se atualizou (ele se atualiza muito rápido foram 2 grandes atualizações só em 2021!!) e a forma que ele lida com cores e temas mudou um pouco. Vou te dar dois jeitos de corrigir tá? Um mais rápido e outro mais preciso!
1. Método rápido
Você pode simplesmente definir uma cor diretamente na AppBar
:
appBar: AppBar(
title: const Text("Meu título aqui"),
backgroundColor: Colors.green[900],
),
A vantagem dessa forma é que ela é rápida e resolve o problema diretamente. A desvantagem é que essa cor vai ser aplicada apenas para essa AppBar
, se você fizer outra em outra tela, ela vai ter a cor original. Aí ficar mudando em toda tela é chato né?
2. Método mais completo!
Um método mais robusto seria adicionar uma linha que contra os temas de todas as AppBars no ThemeData
do MaterialApp
. Basta adicionar essa linha no ThemeData
.
appBarTheme: AppBarTheme(color: Colors.green[900])
No ThemeData
ficaria algo assim:
theme: ThemeData(
primaryColor: Colors.green[900],
appBarTheme: AppBarTheme(color: Colors.green[900]), //Nossa linha aqui
...
Show? Se quiser se aprofundar no tema de Temas (sem trocadilho kkkkk), recomendo as seguintes leituras de documentação:
Espero que tenha ajudado, e qualquer coisa só chamar!
Muito Obrigado :D
Também estava com este mesmo problema e com a sugestão foi resolvido.