Flatter Transparent Container und BoxShadow

Question

Ich stecke fest. Ich versuche Flutter zu lernen. Während ich mein benutzerdefiniertes Projekt machte, traf ich diese Wand. Ich weiß, dass dies vielleicht mit AppBar gelöst werden kann. Ich möchte lernen, wie man benutzerdefinierte Schatten zeichnet oder zumindest BoxShadow ändert.

Wenn ich versuche, meiner Zeile einen Kastenschatten hinzuzufügen, der mit einem Container umwickelt ist, erhalte ich dieses Ergebnis.

Schatten

Code sieht so aus;

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: [

Wie Sie sich vorstellen können, versuche ich nur, das Höhenergebnis nach unten zu bringen. Vielen Dank an alle.

Answer 1

Fügen Sie das hinzu SpreaRadiusund erhöhen Sie das OffsetY. Ändern Sie den gesamten Wert, um den gewünschten Bedarf zu erhalten.

      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

Es scheint nur meine Verzögerung beim Zuweisen von Farbe zu sein. In der Hauptdatei habe ich sowohl dunkle als auch helle Farben zugewiesen, um die Funktionalität des Dunkel / Hell-Modus zu testen.

Ändern Sie dies, Farbe: Theme.of (Kontext) .primaryColor

dazu Farbe: Theme.of (Kontext) .primaryColorDark

Das Problem wurde behoben.