[Flutter]Textのはみ出した文字を「…」にするには？

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

Textではみ出した文字を３つのドット（ … ）で表示する方法を紹介します。

方法

Textのはみ出した文字を「…」にするには、引数「overflow」を使います。

具体的には、Textの引数「overflow」に「TextOverflow.ellipsis」を指定します。

Text(
  'テキスト',
  overflow: TextOverflow.ellipsis,
),

引数「overflow」を使えば、Textのはみ出した文字を３つのドット（ … ）で表示することが出来ます。

使用例

以下は、使用例です。

Container(
  width: 50,
  child: Text(
    'Hello Flutter',
    overflow: TextOverflow.ellipsis,
  ),
),

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

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

www.choge-blog.com

2021.12.27

[Flutter]Text(テキスト)に枠線をつけるには？

Textに枠線をつける方法を紹介します。

www.choge-blog.com

2021.12.27

[Flutter]Textの取り消し線の色を設定するには？

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

www.choge-blog.com

2021.12.27

[Flutter]Textの取り消し線を２重線にするには？

Textの取り消し線を２重線にする方法を紹介します。

www.choge-blog.com

2021.12.27