[Flutter]Row自体をタップできるよう(tapable)にするには？

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

Row自体をタップできるようにする方法を紹介します。

方法

Row自体をタップできるようにするには、GestureDetecotorもしくはInkWellを使います。

まず、RowをGestureDetectorもしくはInkWellでラップします。

そして、GestureDetectorもしくはInkWellの引数「onTap」にタップした時に呼び出す関数を指定します。

GestureDetector(
  onTap: (){
    /*タップした時の処理*/
  },
  child: Row(
    children: [
      ・・・
    ],
  ),
),

InkWell(
  onTap: (){
    /*タップした時の処理*/
  },
  child: Row(
    children: [
      ・・・
    ],
  ),
),

Row自体をタップできるようにするには、GestureDetectorもしくはInkWellを使います。