title: Flutter card top radius is covered by Image
body: <p><strong>When I add a image to the card, the Radius  at the top of the card are covered. How can I solve it?</strong></p>
  
  <p>When I add a image to the card, the Radius  at the top of the card are covered. How can I solve it?</p>
  
  <pre class="lang-dart prettyprint-override"><code>class App extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        theme: ThemeData(primarySwatch: Colors.yellow),
        home: Scaffold(
            backgroundColor: Colors.grey[200],
            appBar: AppBar(title: Text('Demo'),),
            body: SizedBox(
                height: 310.0,
                child: Card(
                  elevation: 3.0,
                  color: Colors.white,
                  margin: EdgeInsets.all(8.0),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: &lt;Widget&gt;[
                      SizedBox(height: 0.0,),
                      Image.network('https://img.zcool.cn/community/012157578c405f0000012e7e69e7cd.jpg@1280w_1l_2o_100sh.jpg'),
                      SizedBox(height: 16.0,),
                      Row(
                        children: &lt;Widget&gt;[
                          SizedBox(width: 16.0,),
                          Text('素雪', style: Theme.of(context).textTheme.headline,),
                          SizedBox(width: 16.0,),
                          Text('吉时已到', style: Theme.of(context).textTheme.subhead,),
                        ],
                      ),
                      SizedBox(height: 16.0,),
                    ],
                  ),
                ))),
      );
    }
  }
  </code></pre>
  
  <p>This is the rendering</p>
  
  <p><a href="https://i.stack.imgur.com/REjs7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/REjs7.png" alt="enter image description here"></a></p>