[解決済み] flutterで文字に下線を引く方法

質問

flutter insideでテキストに下線を引く方法 Text ウィジェット

の中にアンダーラインを見つけることができません。 fontStyle プロパティの TextStyle

どのように解決するのですか？

全てに下線を引く場合、TextStyleをTextウィジェットに設定することができます。

Text(
  'Hello world',
  style: TextStyle(
    decoration: TextDecoration.underline,
  ),
)

テキストの一部にだけ下線を引きたい場合は Text.rich() (またはリッチテキストウィジェット)で文字列をTextSpansに分割し、スタイルを追加することができます。

Text.rich(
  TextSpan(
    text: 'Hello ',
    style: TextStyle(fontSize: 50),
    children: <TextSpan>[
      TextSpan(
          text: 'world',
          style: TextStyle(
            decoration: TextDecoration.underline,
          )),
      // can add more TextSpans here...
    ],
  ),
)

TextSpanはちょっと変です。その text パラメータはデフォルトのスタイルですが children のリストには、それに続くスタイルされた（そして場合によってはスタイルされていない）テキストが含まれています。に空文字列を使うことができます。 text は、スタイル付きテキストで開始したい場合。

また、TextDecorationStyleを追加することで、装飾の見え方を変更することができます。ここでは破線にしています。

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

と TextDecorationStyle.dotted :

と TextDecorationStyle.double :

と TextDecorationStyle.wavy :