[Flutter]Textのテキストの上に線を表示するには？

Flutter

2021.12.26

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

Textで表示するテキストの上に線を表示する方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

Textのテキストの上に線を表示するには、引数「style」を使います。

まず、Textの引数「style」にTextStyleを指定します。

そして、TextStyleの引数「decoration」に「TextDecoration.overline」を指定します。

Text(
  'Hello Flutter',
  style: TextStyle(
    decoration: TextDecoration.overline,
  ),
),

Textの引数「style」を使えば、Textで表示するテキストの上に線を表示することが出来ます。

[Flutter]Textで表示しきれない文字の表示方法を設定するには？

Textで長すぎて表示してきれない文字の表示方法を設定する方法を紹介します。

[Flutter]Textのテキストを太字にするには？

Textで表示するテキストを太字にする方法を紹介します。

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

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

[Flutter]Textのテキストに下線をつけるには？

Textのテキストに下線をつける方法を紹介します。

コメント

タイトルとURLをコピーしました