[Flutter]InkWellでタップ処理をするには?

Flutter

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

InkWellでタップ処理をする方法を紹介します

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

InkWellでタップ処理をするには、引数「onTap」を使います。

具体的には、InkWellの引数「onTap」にタップした時に呼び出す関数を指定します。

呼び出す関数は、「void function(){}」のような関数です。

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

引数「onTap」を使えば、InkWellでタップ処理をすることが出来ます。

使用例

  var _count = 0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: InkWell(
          onTap: () {
            setState(() {
              _count++;
            });
          },
          child: Container(
            width: 200,
            height: 50,
            child: Text('$_count'),
            alignment: Alignment.center,
          ),
        ),
      ),
    );
  }

コメント

タイトルとURLをコピーしました