[Flutter]Cardをボタンとして使う方法

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

Cardをボタンとして使う方法を紹介します。

方法

Cardをボタンとして使う方法は、３つあります。

GestureDetector

１つ目は、GestureDetectorを使う方法です。

まず、GestrureDetectrorでCardをラップします。

そして、GestureDetectorの引数「onTap」にタップ処理を関数で指定します。

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

InkWell

2つ目は、InkWellを使う方法です。

まず、InkWellでCardをラップします。

そして、InkWellの引数「onTap」にタップ処理を関数で指定します。

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

InkResponse

１つ目は、GesturDetectorを使う方法です。

まず、GestrureDetectrorでCardをラップします。

そして、GestureDetectorの引数「onTap」にタップ処理を関数で指定します。

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

まとめ

Cardをボタンとして使う方法は、次の３つです。

• GestureDetector
• InkWell
• InkResponse

[Flutter]Cardウェジェットの形を変えるには？

Cardウェジェットの形を変える方法を紹介します。

www.choge-blog.com

2021.11.23

[Flutter]Card(カード)内にパディングを設定するには？

Card内にパディングを設定する方法を紹介します。

www.choge-blog.com

2021.11.23

[Flutter]Card(カード)の影の色を設定するには？

Cardの影の色を設定する方法を紹介します。

www.choge-blog.com

2021.11.23