[Flutter]色の透明度を指定する方法

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

色の透明度を指定する方法を紹介します。

方法

色の透明度を指定するには、まず「Colorsクラス」で使いたい色を指定します。

Colors.blue

次に、末尾に「.withOpcity()」を付けます。

Colors.blue.withOpacity()

最後に、withOpacityの（）内に、透明度を指定します。

Colors.blue.withOpacity(0.5) //透明度0.5

透明度は、「０〜１（０＝透明、１＝不透明）」の値で指定します。

比較用に通常のColors.blueの色をどうぞ。

withOpacityで透明度を指定することで、薄くなっていることが分かります。

まとめ

色の透明度を指定するには、Colorsで色を指定し、その末尾に「.withOpacty()」を付けます。

withOpacityの引数で、透明度の指定をします。