防止颤振平面按钮换行文本的最佳方法

Question

我经历过，内部带有文本小部件的平面按钮通常会换行到第二行，从而形成一个非常丑陋的按钮，看起来像这样

坎斯
·

确保此文本不换行的最佳方法是什么？

Answer 1

FlatButton(
color: Colors.yellow,
onPressed: _onPressed,
child: Text(
"Click Here",
softWrap: false,
overflow: TextOverflow.ellipsis,
),
)

将softWrap设置为false以避免在空间不足的情况下出现单行语句换行。
设置overflow以指示溢出的文本(请参阅文本溢出值(当文本包含多行时，将maxLines设置为 1，
例如Hello n World

Answer 2

我认为最简单的解决方案是使用dart库中auto_size_text包中的AutoSizeText Widget。(https://pub.dev/packages/auto_size_text(。然后它将根据可用空间简单地调整其字体大小。

Answer 3

可能需要调整填充或使用softWrap：false。这将使文本被截断而不是换行。

Text(Constants.SHARE_LABEL, softWrap: false)