[Flutter]InkWellを角丸にするには？

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

InkWellを角丸にする方法を紹介します。

方法

InkWellを角丸にするには、引数「borderRadius」を使います。

具体的には、InkWellの引数「borderRadius」に角の丸みを指定します。

角の丸みは、BorderRadiusクラスを使って指定します。

InkWell(
  borderRadius: /*角の丸みをBorderRadiusで指定*/,
  child: Widget(),
),

引数「borderRadius」を使えば、InkWellを角丸にすることが出来ます。

使用例

以下は、使用例です。

InkWell(
  borderRadius: BorderRadius.circular(20), //角の丸みを２０に指定
  onTap: () {},
  child: Container(
    width: 200,
    height: 50,
    child: Text('$_count'),
    alignment: Alignment.center,
  ),
),

[Flutter]CardでInkWellのリップルエフェクトを表示するには？

CardでInkWellのリップルエフェクトを表示する方法を紹介します。

www.choge-blog.com

2021.11.25

[Flutter]InkWellのリップルエフェクトを無効にするには？

InkWellのリップルエフェクトを無効にする方法を紹介します。

www.choge-blog.com

2021.10.23

[Flutter]InkWellのタップエフェクトを無効にする方法

InkWellのタップによるエフェクトを無効にする方法を紹介します。

www.choge-blog.com

2021.10.22

[Flutter]InkWellのリップルエフェクトの色を変える方法

InkWellのリップルエフェクトの色を変える方法を紹介します。

www.choge-blog.com

2021.10.22