[Flutter]Card(カード)の角の丸みを無くすには？

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

Cardの角の丸みを無くす方法を紹介します。

方法

Cardの角の丸みを無くすには、RoundedRectangleBorderを使います。

まず、Cardの引数「shape」にRoundedRectangleBorderを指定します。

そして、RoundedRectangleBorderの引数「borderRadius」に「BoderRadius.circular(0)」を指定します。

Card(
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(0),
  ),
  color: Colors.blue,
  child: ListTile(
    title: Text(
      'Flutter',
      style: TextStyle(color: Colors.white),
    ),
  ),
),

これでCardの角の丸みを無くすことが出来ます。

[Flutter]CardっぽいContainerを作るには？

CardっぽいContainerを作る方法を紹介します。

www.choge-blog.com

2021.11.01

[Flutter]ListView内のCardの横幅を設定するには？

ListView内もしくはListView.builder内で使うCardの横幅を設定する方法を紹介します。

www.choge-blog.com

2021.10.28

[Flutter]Cardをタップ出来るようにするには？

Cardウェジェットをタップ出来るようにする方法を紹介します。

www.choge-blog.com

2021.10.14