Conteneur et boîte transparents Flutter

Question

Je suis coincé là-dessus. J'essaye d'apprendre Flutter. Pendant que je faisais mon projet personnalisé, j'ai frappé ce mur. Je sais que cela peut être résolu avec AppBar, peut-être. Je veux apprendre à dessiner une ombre personnalisée ou au moins modifier BoxShadow.

Lorsque j'essaie d'ajouter une ombre de boîte à ma ligne qui est enveloppée avec un conteneur, j'obtiens ce résultat;

ombre

Le code ressemble à ceci;

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

Comme vous pouvez le deviner, j'essaie simplement d'obtenir le résultat de l'élévation vers le bas. Merci tout le monde.

Answer 1

Ajoutez SpreaRadiuset augmentez le OffsetY. Modifiez toute la valeur pour obtenir le besoin souhaité.

      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

Il semble que ce soit juste mon retard dans l'attribution de la couleur. Sur le fichier principal, j'ai attribué des couleurs sombres et vives pour tester la fonctionnalité du mode sombre / clair.

Pour changer cela, color: Theme.of (context) .primaryColor

à cela, color: Theme.of (context) .primaryColorDark

résolu le problème.