Flutterで画像にRipple Effectをかける

以前の記事 Flutter 背景色ありで Ripple Effect を効かせる にも書きましたが、Ripple Effect の手前に不透明な Widget があると、その効果が見えません。

さて、不透明である画像を表示する Image クラスに対して Ripple Effect をかけるには、Stack を使って、Image の手前に透過な Material を置きます。

new Stack(
  children: <Widget>[
    new Image.network(imageUrl),
    new Material(
      type: MaterialType.transparency,
      child: new InkWell(onTap: onPressed),
    ),
  ],
),