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

Question

我已经体验到其中带有文本窗口小部件的平面按钮通常会换行到第二行，这使得看起来非常丑陋的按钮看起来像这样

Cancel

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

Answer 1

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

Answer 2

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

Answer 3

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