Question

我已经体验到其中带有文本窗口小部件的平面按钮通常会缠绕在第二行上，从而使外观看起来非常丑陋

取消
l

确保此文字不会自动换行的最佳方法是什么？

Answer 1

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

Answer 2

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

将softWrap设置为false以避免单行语句在空间不足时自动换行。
设置overflow表示溢出的文本（请参见TextOverflow Values）
当文本中有多行，例如maxLines

时，请将Hello \n World设置为1

Answer 3

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

Text(Constants.SHARE_LABEL, softWrap: false)

防止Flutter Flat Button换行的最佳方法

3 个答案: