省略号多行文字

时间:2019-06-09 10:24:21

标签: flutter flutter-layout

我有一个GridView,每个项目都应该有标题,描述和按钮。

我这样制作了GridItem

Card(
    color: Colors.white,
    child: Padding(
      padding: const EdgeInsets.all(20.0),
      child: Column(
        mainAxisSize: MainAxisSize.max,
        children: <Widget>[
          Text(data[position]),
          Expanded(
            child: Text(desctiption, overflow: TextOverflow.ellipsis),
          ),
          MaterialButton(
            child: Text("open"),
          )
        ],
      ),
    ));

我的描述文字使用省略号,但仅显示文字的一行。我希望它使用它具有verticaly的所有空间,然后在最后一行的末尾使用省略号。 现在看起来像这样

enter image description here

2 个答案:

答案 0 :(得分:0)

同时指定“文本”小部件的maxLinesoverflow属性,如下所示:

Text("Very long text here", maxLines: 3, overflow: TextOverflow.ellipsis)

答案 1 :(得分:0)

我想从您的帖子中得到什么,以及您想对文本进行包装的其他评论。为此,请从“文本”小部件中删除溢出属性。要获得最大的行数,可以添加maxLines属性。

Kinda像这样:

Text('您的长文本......',maxLines:3,样式:TextStyle(.....));