【问题标题】:Flutter RichText ellipsis is shown separatelyFlutter RichText 省略号单独显示
【发布时间】:2020-01-02 07:21:01
【问题描述】:

我正在尝试在文本溢出时使用带有省略号的 RichText 小部件,但显示的点由最后一个单词的空格分隔,如下所示:

“Lorem Ipsum 只是打印的虚拟文本和......”

当正确的形式应该是这样的:

“Lorem Ipsum 只是打印的虚拟文本和...”

这是代码:

Expanded(
  child: RichText(
    overflow: TextOverflow.ellipsis,
    text: TextSpan(
        style: DefaultTextStyle.of(context).style,
        children: <TextSpan>[
          TextSpan(text: "Lorem Ipsum is simply dummy text "),
          TextSpan(
            text: "of the printing and typesetting industry",
            style: TextStyle(
                fontStyle: FontStyle.italic
                ),
          ),
        ]),
  ),
)

有解决办法吗?

【问题讨论】:

    标签: flutter ellipsis


    【解决方案1】:

    不完全确定,但删除最后一个空格

    "Lorem Ipsum is simply dummy text " 更改为"Lorem Ipsum is simply dummy text"

     Expanded(
      child: RichText(
        overflow: TextOverflow.ellipsis,
        text: TextSpan(
            style: DefaultTextStyle.of(context).style,
            children: <TextSpan>[
              TextSpan(text: "Lorem Ipsum is simply dummy text"),
              TextSpan(
                text: "of the printing and typesetting industry",
                style: TextStyle(
                    fontStyle: FontStyle.italic
                    ),
              ),
            ]),
      ),
    )
    

    希望对你有帮助..

    【讨论】:

    • 你删除了上次的空格吗??
    【解决方案2】:

    这个空间实际上是文本的空间。当我尝试你的代码时,我的结果就在这里,

    如果我将 g char 删除到排版中,结果是

    所以,我认为这与省略号或富文本无关。也许不是确切的答案,但也许你可以想点别的。

    【讨论】:

    • 感谢您的回答,但我无法得到与您相同的结果。我得到“排版...”的唯一方法是当我更改 aand
    • 这是正常的,因为我的测试模拟器和你使用的大小不同。我只是想告诉你,可能不是关于富文本或省略号
    猜你喜欢
    • 2019-04-29
    • 2021-08-20
    • 2023-02-07
    • 1970-01-01
    • 2021-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-13
    相关资源
    最近更新 更多