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

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

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

方法

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

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

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

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

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

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