[Flutter]Containerの枠線の右側の丸みを設定するには？

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

Containerの枠線の右側の丸みを設定する方法を紹介します。

方法

Containerの枠線の右側の丸みを設定するには、まず引数「decoration」に「BoxDecoration」を指定します。

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

この「BorderRadius.horizontal」の引数「right」で右側の丸みを設定することが出来ます。

右側の丸みは、BoderRadius.circular(/*丸み*/)のように設定します。

Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.horizontal(
      roght: Radius.circular(/*丸み*/),
    ),
  ),
),

以下は、使用例です。

使用例

Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.horizontal(
      right: Radius.circular(20),
    ),
    color: Colors.blue,
  ),
  height: 200,
  width: 200,
)