[Flutter]Cardを円にする方法

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

Cardを円にする方法を紹介します。

方法

Cardを円にするには、引数「shape」を使います。

具体的な方法としては、Cardの引数「shape」にCircleBorderを指定します。

Card(
  shape: CircleBorder(),
  child: Padding(
    padding: const EdgeInsets.all(30.0),
    child: Text(
      'Flutter',
      style: TextStyle(color: Colors.white, fontSize: 20),
    ),
  ),
  color: Colors.blue,
),

[Flutter]Card(カード)の影の大きさを設定するには？

Cardの影の大きさを設定する方法を紹介します。

www.choge-blog.com

2021.11.24

[Flutter]Cardウェジェットの形を変えるには？

Cardウェジェットの形を変える方法を紹介します。

www.choge-blog.com

2021.11.23

[Flutter]Card(カード)内にパディングを設定するには？

Card内にパディングを設定する方法を紹介します。

www.choge-blog.com

2021.11.23