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

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

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

方法

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

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

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

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