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

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

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

方法

Textの下線を破線にするには、TextStyleの引数「decorationStyle」を使います。

具体的には、TextStyleの引数「decorationStyle」に「TextDecoration.dashed」を指定します。

Text(
  'Hello Flutter',
  style: TextStyle(
    decoration: TextDecoration.underline,
    decorationStyle: TextDecorationStyle.dashed,
  ),
),

TextStyleの引数「decorationStyle」を使えば、Textの下線を破線にすることが出来ます。

[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