Flutter: Add box shadow to a transparent Container : <p>I'm trying to make a widget that renders one of the circles shown in this <a href="https://i.stack.imgur.com/JCDVj.png" rel="noreferrer">image</a>. It is a transparent circle with a box-shadow. The circle should show whichever color or background image that is applied to the parent container. The circle is transparent but what I see is <a href="https://i.stack.imgur.com/I10D0.png" rel="noreferrer">this</a>: a black box shadow and not the background color of the parent. Any suggestions?</p>

<p>Here is what I have so far:</p>

<pre><code>class TransParentCircle extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
        child: new Center(
          child: new Container(
            decoration: new BoxDecoration(
              border: new Border.all(width: 1.0, color: Colors.black),
              shape: BoxShape.circle,
              color: Colors.transparent,
              boxShadow: &lt;BoxShadow&gt;[
                BoxShadow(
                  color: Colors.black,
                  offset: Offset(1.0, 6.0),
                  blurRadius: 40.0,
                ),
              ],
            ),
            padding: EdgeInsets.all(16.0),
          ),
        ),
        width: 320.0,
        height: 240.0,
        margin: EdgeInsets.only(bottom: 16.0));
  }
}
</code></pre>
