[Flutter]InkWellのタップエフェクト(tap effect)の色(color)を設定するには？

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

InkWellでタップエフェクトの色を設定する方法を紹介します

方法
使用例

方法

InkWellでタップエフェクトの色を設定するには、引数「highlightColor」を使います。

具体的には、InkWellの引数「highlightColor」にタップエフェクトの色を指定します。

InkWell(
  highlightColor: /*タップエフェクトの色*/
  child: Widget(),
),

引数「highlightColor」を使えば、InkWellでタップエフェクトの色を設定することが出来ます。

使用例

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