防止 Flutter Flat Button 环绕文本的最佳方法

Phi*_*lip 2 flutter flutter-layout

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

着性

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

Cra*_*Cat 5

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

设置softWrapfalse避免单行语句在空间不足时换行。
设置overflow以指示溢出的文本(请参阅TextOverflow 值)当您的文本有多行时
设置maxLines为 1,例如Hello \n World