[Flutter]Containerの形を変えるには？

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

Containerの形を変える方法を紹介します。

方法

Containerの形を変えるには、まず引数「decoration」に「BoxDecoration」を指定します。

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

Container(
  decoration: BoxDecoration(
    shape: /*形*/,
  ),
),

shapeに指定する値は、BoxShapeの値です。

BoxShapeの値は、次の２つです。

• BoxShape.rectangle : 四角形
• BoxShape.circle : 丸

指定できるのは、四角か丸のどちらかです。

以下は、使用例です。

使用例

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