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

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

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

方法

Textで表示しきれない文字の表示方法を設定するには、引数「overflow」を使います。

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

• TextOverflow.ellipse : 表示しきれない分は３つのドット(…)で省略
• TextOverflow.clip : 表示しきれない分は隠す
• TextOverflow.fade：表示しきれない分は徐々に隠す
• TextOverflow.visible : 必ず見えるようにする

これらの値を引数「overflow」に指定することで、Textで表示しきれない文字の表示方法を設定することが出来ます。

TextOverflow.fadeを指定すると、段々消えていくようなエフェクトが付きます。

[Flutter]TextFormFieldのテキストを変えるには？

TextFormFieldのテキストを変える方法を紹介します。

www.choge-blog.com

2021.12.22

[Flutter]TextFormFieldのテキストを取得するには？

TextFormFieldのテキストを取得する方法を紹介します。

www.choge-blog.com

2021.12.20

[Flutter]TextFormFieldのテキストのサイズを設定するには？

TextFormFieldのテキストのサイズを設定する方法を紹介します。

www.choge-blog.com

2021.12.19

[Flutter]SnackBarのテキストを中央に表示するには？

SnackBarのテキストを中央に表示する方法を紹介します。

www.choge-blog.com

2021.12.13