FlutterのCardとListTileを使えばよくあるこんなカード型のViewがかんたんに実現できます。 ですが、実現したいデザインと少し違う場合は、ListTileを使わずにColumnとRowを組み合わせることになると思います。公式のListTileクラスでサンプルを確認できます。 ContainerとColumnとRowを組み合わせた素振りをしてみます。以下のようなデザインにしたいと思います。 ・カードをタップしたらリップルエフェクトを効かせる ・リップルエフェクトの色とカード背景色をそれぞれ指定したい ・カードは角丸&シャドウをつける ・画像はウェブからダウンロードして表示するColumnとRowのレイアウト Rowで画像とテキスト領域を縦分割し、テキスト領域はColumnで積み重ねていきます。RowとColumnのmainAxisAlignmentはMainAxisAlign
![CardとListTileっぽいWidgetの書き方|Shinichiro Iwatsuru](https://cdn-ak-scissors.b.st-hatena.com/image/square/607fe4d7f88a5e006ee2cd211ba00f4f456689cb/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F25207416%2Frectangle_large_type_2_c502d3b588dc3ed7ca28cce855102b66.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)