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

Question

我试图在颤动中使用文本小部件显示文本，但我对最终结果有疑问，文本分成两行事件 somme space 可用... 感谢您的帮助...you can find a screenshot from my emulator

Answer 1

您可以通过传递maxLines 参数来指定文本小部件的最大行数。

Text(_someLongText, maxLines: 1);

这当然意味着文本将在进入下一行之前被切断：

没有最大线：

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

最大线数：1

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

您可以使用溢出参数定义溢出文本的行为：

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),
]);

将会：

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

希望你能解决这个问题。