Descrição do problema:
Estou trabalhando em um aplicativo Flutter e quero adicionar uma sombra ao AppBarusando as propriedades elevatione shadowColor. No entanto, quando as defino, a AppBarcor de fundo do parece mudar um pouco, mesmo que eu tenha definido explicitamente o backgroundColorcomo Colors.white.
O comportamento de rolagem está funcionando bem, e a cor de fundo correta é exibida quando a página é rolada. Mas quando elevatione shadowColorsão aplicados, a cor de fundo parece diferente.
O que eu tentei :
Aqui está o código que estou usando para meu AppBar:
AppBar(
backgroundColor: Colors.white,
scrolledUnderElevation: 0,
elevation: 1.0,
shadowColor: const Color.fromRGBO(0, 0, 0, 0.25),
)
Apesar da configuração backgroundColorser Colors.white, o fundo parece um pouco desfocado quando a elevação e a sombra são aplicadas.
Resultados esperados e reais :
- Esperado :
AppBarO fundo branco deve ser mantido enquanto a sombra é exibida. - Real : a
AppBarcor de fundo do 's muda ligeiramente quando a sombra é adicionada.
Pergunta específica :
Como posso garantir que o AppBarmantenha sua cor de fundo (branco puro) e ainda mostre o efeito de sombra de elevatione shadowColor?
Defina o
surfaceTintColorparaColors.transparentEsta
surfaceTintColoré a cor da sobreposição de tonalidade da superfície aplicada à cor do material para indicar elevação.