[Flutter]Text(テキスト)の透明度を設定するには？

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

Textの透明度を設定する方法を紹介します。

方法

Textの透明度を設定するには、Opacityを使います。

まず、TextをOpacityでラップします。

そして、Opacityの引数「opacity」に透明度を０〜１の値で指定します。

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

Opacity(
  opacity: /*透明度*/,
  child: Text('テキスト'),
),

Opacityを使えば、Textの透明度を設定することが出来ます。

使用例

以下は、使用例です。

Opacity(
  opacity: 0.5, //半透明
  child: Text('Hello Flutter'),
),

[Flutter]Text(テキスト)を縁取りするには？

Textで表示するテキストを縁取りする方法を紹介します。

www.choge-blog.com

2021.12.28

[Flutter]Text(テキスト)の下線を破線にするには？

Textの下線を破線にする方法を紹介します。

www.choge-blog.com

2021.12.27

[Flutter]Text(テキスト)に枠線をつけるには？

Textに枠線をつける方法を紹介します。

www.choge-blog.com

2021.12.27

[Flutter]Textの取り消し線の色を設定するには？

Textの取り消し線の色を設定する方法を紹介します。

www.choge-blog.com

2021.12.27