[Flutter]Text(テキスト)をタップできるよう(tappable)にするには？

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

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

方法

Textをタップできるようにする方法は２つあります。

１つは、GestureDetectorもしくはInkWellを使う方法です。

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

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

GestureDetector( //InkWellでも同じ
  onTap: () {
    //タップ処理
  },
  child: Text('テキスト'),
),

もう１つは、TextButtonを使う方法です。

まず、TextをTextButtonでラップします。

そして、TextButtonの引数「onPressed」にタップで呼び出す関数を指定します。

TextButton(
  onPressed: () {
    //タップ処理
  },
  child: Text('テキスト'),
),

Textをタップできるようにする方法には、次の２つがあります。