title: How to make FadeInImage Circular?
body: <p>I am using <code>FadeInImage</code> Widget to show a Network Image in my App. As I want to use the placeholder property of FadeInImage, I can't use <code>NetworkImage</code> or <code>Image.Network</code> Widget.</p>
  
  <p>Now I want to make <code>FadeInImage</code> circular so I tried to use following options.</p>
  
  <ol>
  <li>I tried wrapping <code>FadeInImage</code> inside <code>Container</code> to make it circular but the <code>DecorationImage</code> property does not allow <code>FadeInImage</code></li>
  <li>I tried using <code>CircleAvatar</code> but backgroundImage property of <code>CircleAvatar</code>  does not allow <code>FadeInImage</code></li>
  <li>I tried using <code>cached_network_image</code> library of flutter but was facing the same issue</li>
  <li>Last option I tried was using <code>ClipRRect</code> to make it circular but still it does not work</li>
  </ol>
  
  <p>Following is my code</p>
  
  <pre><code>Container(
        width: 50.0,
        height: 50.0,
        child: ClipRRect(
          borderRadius: BorderRadius.circular(25.0),
          child: FadeInImage(
              placeholder: AssetImage("images/alex.jpg"),
              image: NetworkImage(
                  "https://cdn1.thr.com/sites/default/files/imagecache/scale_crop_768_433/2018/02/gettyimages-862145286_copy_-_h_2018.jpg")),
        ),
      );
  </code></pre>