Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Minha AppBar Não mudou de cor (Estou fazendo o projeto no visual studio)

Segui passo a passo mas minha appBar não mudou de cor

3 respostas
solução!

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.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software