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

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

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

方法

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

次に、BoxDecorationの引数「borderRadius」に「BorderRadius.all()」を指定します。

最後に、BorderRadius.all()の引数に「Radius.elliptical(/*横の長さ*/, /*縦の長さ*/)」を設定します。

Container(
  decoration BoxDecoration(
    borderRadius: BorderRadius.all(
      Radius.elliptical(/*横の長さ*/, /*縦の長さ*/),
    ),
  ),
),

以下は、使用例です。

使用例

Container(
  height: 100,
  width: 200,
  decoration: BoxDecoration(
    color: Colors.blue,
    borderRadius: BorderRadius.all(
      Radius.elliptical(200, 100),
    ),
  ),
),