0

如何设置溢出的长度：TextOverflow.ellipsis 因为它截断了您在 img 中看到的文本。文本“这是第一个......”和数字“#1520”之间有一个空格。溢出会截断“第一个...”单词之后的文本。

我希望“现在卡”字样将显示在行中。怎么解决？，谢谢

 Container(
      color: Colors.grey,
      child: ListTile(
        title: Container(
          child: Row(
             mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
             Flexible(child: Text('This is the first card now its time sad sad sad sads ad sdsadsads dsa dsad asdasdasd', overflow: TextOverflow.ellipsis,  style: TextStyle(color: Colors.white),)),
               
              Flexible(child: Text('#1520',  overflow: TextOverflow.ellipsis, style: TextStyle(color: Colors.white),)),
            ],
          ),
        ),
      ),
    ),

在此处输入图像描述

我不希望我的所有文字都可见，我只想在一行中显示一些单词。如果您查看 img，您会看到文本和 #1520 之间有一个空白区域。我想使用溢出显示：这是现在的第一张卡片.. #1520

4

2 回答 2

0
  1. 如果您希望所有文本都可见，只需从文本小部件中删除溢出属性。
  2. 如果要将文本限制为某些行，请添加带有溢出的 maxLines 属性。像这样
child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: [
                  Flexible(child: Text("This is the first card now its time sad sad sad sads ad sdsadsads dsa dsad asdasdasd", maxLines: 2, overflow: TextOverflow.ellipsis,)),
                  Flexible(child: Text("#1520"))
                ],
              ),
于 2021-02-20T17:04:36.597 回答
0

这是 Text 小部件如何处理溢出的默认行为 - 如果它检测到文本宽度大于它可以采用的宽度，它将截断带有单词的句子。因此，有时会导致截断文本和容器边缘之间出现意外的额外空间。

如果您不介意单词的一部分被覆盖，这是一个简单的解决方案：

只需应用于softWrap: false您的文本小部件。

Text(
  'Long long long long long long text text text text text',
  softWrap: false,
  maxLines: 1, 
  overflow: TextOverflow.fade,
)
于 2022-01-19T06:28:59.700 回答