title: Why do I have a shape behind my image in a container?
body: <p>I tried to make a card with round corners, but when I did so, the card below the image was bigger than the image. Below is my code and a screenshot of a part of my app to show you my problem. I hope you can see on the screenshot that next to the image, in the corners is a shape.</p>
  
  <pre><code>Card(
                  child: InkWell(
                    splashColor: Colors.blue.withAlpha(30),
                    onTap: () {
                      Navigator.of(context).push(MaterialPageRoute(
                        builder: (context) =&gt; BodyConstruction(),
                      ));
                    },
                    child: ClipRRect(
                      borderRadius: BorderRadius.all(Radius.circular(30)),
                      child: Image.asset('images/Bild1.jpg'),
                    )
                  ),
                ),
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/yriF4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yriF4.jpg" alt="the screenshot of my card"></a></p>