[Flutter]Containerを円にするには？

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

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

方法

Containerを円にするには、まず引数「decoration」にBoxDecorationを指定します。

そして、BoxDecorationの引数「shape」に「BoxShape.circle」を指定します。

Container(
  decoration: BoxDecoration(
    shape: BoxShape.circle,
  ),
),

使用例

Container(
  decoration: BoxDecoration(
    shape: BoxShape.circle,
    color: Colors.blue,
  ),
  height: 200,
  width: 200,
),