Flutter 通过文本小部件显示文本时，有时文本显示为两行

Question

i'am trying to display a text using a text widget in flutter, but i'am having an issue with the final result the text breaks into two line event somme space is available... thank for your help... you can find a screenshot from my emulator

Answer 1

You can specify the maximum number of lines on a text widget by passing the maxLines parameter.

Text(_someLongText, maxLines: 1);

which of course means the text will cut off before it goes to a next line:

without maxlines:

+-------------+
| some text   |
| long text   |
+-------------+

with maxlines: 1

+-------------+
| some text lo|
+-------------+

You can define the behaviour of the overflow text with the overflow parameter:

Column(children: [
  Text('this si some long text', maxLines: 1, overflow: TextOverflow.clip),
  Text('this si some long text', maxLines: 1, overflow: TextOverflow.elipsis),
  Text('this si some long text', maxLines: 1, overflow: TextOverflow.fade),
  Text('this si some long text', maxLines: 1, overflow: TextOverflow.visible),
]);

will make:

+-------------+
| this is some|
+-------------+
+-------------+
| this is s...|
+-------------+
+-------------+
| this is some| // can't do this one but the text fades away
+-------------+
+-------------+
| this is some long text
+-------------+

Hopefully you can fix the issue with that.