Flutter:让Text in Text小部件在新行上溢出

时间:2019-08-31 19:46:15

标签: flutter dart flutter-layout

我有一个文本小部件,我在其中放置了一些文本(游戏标题),但是一些游戏标题达到了屏幕的最大宽度(例如A RenderFlex overflowed by 77 pixels on the right.)。我怎么能把文字继续放在下面呢?

问题:

enter image description here

我想要这样:

|Im a very long title |
|that does not fit.   |

编辑:

Text小部件位于Row小部件中的Column小部件中。

1 个答案:

答案 0 :(得分:0)

Row(
  children: <Widget>[
    SomeOtherWidget(),
    Expanded( // add this
      child: Text(
        "This is a long text",
        maxLines: 2, // you can change it accordingly
        overflow: TextOverflow.ellipsis, // and this
      ),
    ),
  ],
)

Text包裹在Expanded中并设置overflow属性。