[Flutter]Containerの背景色の透明度を設定するには？

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

Containerの背景色の透明度を設定する方法を紹介します。

方法

Containerの背景色の透明度を設定するには、Colorsが持つ「withOpacity」を使います。

まず、「Colors.(色).withOpacity()」のように色の後に、withOpacity()をつけます。

そして、withOpacityの引数に「０〜１」の値を指定します。

0に近い値ほど透明になり、1に近い値ほど不透明になります。

Container(
  color: Colors.(color).withOpacity(/*0~1*/),
)

以下は、使用例です。

Container(
  color: Colors.yellow.withOpacity(0.5), //透明度0.5
  height: 100,
  width: 100,
)

まとめ

Containerの背景色の透明度を設定するには、ColorsのwithOpacityを使います。