title: Flutter Container BoxShadow doesn't show
body: <p>Here it's my code in this moment:</p>
  
  <pre><code>ClipRRect(
    borderRadius: BorderRadius.circular(11),
    child: Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: FractionalOffset.bottomLeft,
          end: FractionalOffset.topRight,
          colors: &lt;Color&gt;[Colors.purple, AppBaseColors.orange],
        ),
        boxShadow: [BoxShadow(color: Colors.yellow)]
      ),
      child: Material(
        child: InkWell(
          onTap: () {
            print("tapped");
          },
          child: Container(
            width: ButtonTheme.of(context).minWidth,
            height: ButtonTheme.of(context).height,
            child: Center(
              child: Text(
                "log in",
                style: TextStyle(
                    color: Colors.white, fontWeight: FontWeight.bold),
              ),
            ),
          ),
        ),
        color: Colors.transparent,
      ),
    ),
  ),
  </code></pre>
  
  <p><strong>WHAT HAVE I TRIED:</strong></p>
  
  <ul>
  <li>Add the <strong>boxShadow</strong> in the first <strong>Container</strong></li>
  <li>Add the <strong>boxShadow</strong> in the second <strong>Container</strong></li>
  <li>Add another <strong>Container</strong> with <strong>boxShadow</strong> as a parent of <strong>ClipRRect</strong></li>
  <li>Add the <strong>boxShadow</strong> in <strong>Material</strong> as shadowColor (ofc is not working because I don't have any kind of shadow)</li>
  <li>Adding also the <strong>spreadRadius</strong> and <strong>blurRadius</strong> in all of the cases from above, but nothing changed.</li>
  </ul>
  
  <p>Any idea what I did wrong? </p>