InkWell ripple over top of image in GridTile in Flutter : <p>I'm trying to use <code>InkWell</code> to get a ripple effect on top of an image inside of a <code>GridTile</code> when the user taps on the tile.</p>

<p>I believe the image itself is obscuring the ripple because when I remove the image, I see the ripple.</p>

<p>Below is the code for a single GridTile. </p>

<pre><code>return new InkWell(
  onTap: () =&gt; debugPrint(s.displayName),
  highlightColor: Colors.pinkAccent,
  splashColor: Colors.greenAccent,
  child: new GridTile(
    footer: new GridTileBar(
      title: new Text(s.displayName),
      subtitle: new Text(s.gameName),
      backgroundColor: Colors.black45,
      trailing: new Icon(
        Icons.launch,
        color: Colors.white,
      ),
    ),
    child: new Image.network( //this is obscuring the InkWell ripple
      s.imageSrc,
      fit: BoxFit.cover,
    ),
   ),
 );
</code></pre>

<p>I've tried moving the InkWell to different levels of the hierarchy, using <code>DecorationImage</code> inside a <code>Container</code>, but none of these seem to work to reveal the ripple.</p>

<p>How can I get the ripple to appear on top of the tile/image?</p>
