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

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

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

方法

Textの下線の色を設定するには、TextStyleの引数「decorationColor」を使います。

具体的には、TextStyleの引数「decorationColor」に下線の色を指定します。

Text(
  'Hello Flutter',
  style: TextStyle(
    decoration: TextDecoration.underline,
    decorationColor: /*下線の色*/,
  ),
),

TextStyleの引数「decorationColor」を使えば、Text(テキスト)の下線の色を設定することが出来ます。

使用例

以下は、使用例です。

Text(
  'Hello Flutter',
  style: TextStyle(
    decoration: TextDecoration.underline,
    decorationColor: Colors.red,
  ),
),

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

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

www.choge-blog.com

2021.12.24

[Flutter]Textの行間を設定するには？

Textの行間を設定する方法を紹介します。

www.choge-blog.com

2021.12.24

[Flutter]Textにパディングを設定するには？

Textにパディングを設定する方法を紹介します。

www.choge-blog.com

2021.12.24

[Flutter]Textのテキストを左寄せにするには？

Textで表示するテキストを左寄せにする方法を紹介します。

www.choge-blog.com

2021.12.24