[Flutter]Cardをタップ出来るようにするには？

Flutter

2021.10.142021.11.24

どうも、ちょげ(@chogetarou)です。

Cardウェジェットをタップ出来るようにする方法を紹介します。

方法

カードをタップ出来るようにするには、GestureDetectorもしくはInkWellを使います。

GestureDetectorは、タップや長押しなどのジェスチャーを子ウェジェットで、検知できるようにするウェジェットです。

このウェジェットの子ウェジェットに、Cardを指定することで、Cardをタップすることが出来るようになります。

GestureDetector(
    onTap: () {
　　　　　　　　　//タップ処理
　　　　},
    child: Card(),
)

InkWellは、子ウェジェットをタップすることが出来るようにするウェジェットです。

InkWellの引数「child」にCardを指定することで、Cardをタップすることが出来るようになります。

InkWell(
    onTap: () {
　　　　　　　//タップ処理
　　　　},
    child: Card(),
)

Cardウェジェットをタップ出来るようにするには、GestureDetectorもしくはInkWellを使います。

具体的には、それぞれの子ウェジェットとして、Cardを指定します。