Flutter Transparent Container e BoxShadow

Question

Eu estou preso nisso. Estou tentando aprender Flutter. Enquanto eu estava fazendo meu projeto customizado, eu bati nessa parede. Eu sei que isso pode ser resolvido com AppBar, talvez. Quero aprender como desenhar sombra personalizada ou pelo menos alterar o BoxShadow.

Quando tento adicionar uma sombra de caixa à minha linha embrulhada no contêiner, obtenho este resultado;

sombra

O código se parece com isto;

class HeaderContents extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
          color: Theme.of(context).primaryColor,
          boxShadow: [BoxShadow(offset: Offset(0, 2), blurRadius: 5)]),
      height: MediaQuery.of(context).size.height * 0.1,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [

Como você pode imaginar, estou apenas tentando obter o resultado da elevação até o fundo. Obrigado a todos.

Answer 1

Adicione o SpreaRadiuse aumente o OffsetY. Altere todos os valores para atender a necessidade desejada.

      BoxDecoration(
          color: Colors.white,
          boxShadow: [
            BoxShadow(
              color: Colors.blue.withOpacity(0.1),
              spreadRadius: 5,
              blurRadius: 20,
              offset: Offset(
                  0, 10), // changes position of shadow
            ),
          ],
        ),

Answer 2

Parece que é apenas meu atraso na atribuição de cores. No arquivo principal, atribuí cores claras e escuras para testar a funcionalidade do modo claro / escuro.

Mudando isso, cor: Theme.of (context) .primaryColor

para isso, cor: Theme.of (context) .primaryColorDark

corrigiu o problema.