Contenedor transparente Flutter y BoxShadow

Question

Estoy atascado en esto. Estoy tratando de aprender Flutter. Mientras estaba haciendo mi proyecto personalizado, choqué contra esta pared. Sé que esto se puede resolver con AppBar, tal vez. Quiero aprender a dibujar sombras personalizadas o al menos modificar BoxShadow.

Cuando trato de agregar una sombra de cuadro a mi fila que se envuelve con el contenedor, obtengo este resultado;

sombra

El código se ve así;

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 puede adivinar, solo estoy tratando de obtener el resultado de elevación en la parte inferior. Gracias a todos.

Answer 1

Agregue SpreaRadiusy aumente el OffsetY. Cambie todo el valor para obtener la necesidad deseada.

      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 es solo mi retraso en la asignación de color. En el archivo principal, asigné colores oscuros y brillantes para probar la funcionalidad del modo oscuro / claro.

Cambiando esto, color: Theme.of (context) .primaryColor

a esto, color: Theme.of (context) .primaryColorDark

solucionó el problema.