【问题标题】:flutter listTile with a long text for the Title带有长文本标题的颤动 listTile
【发布时间】:2021-06-06 06:44:29
【问题描述】:

我有一个带有长文本的 listTile 标题。

我希望标题尽可能多地显示文字,在一行中......

如果我使用 softWrap: true, overflow: TextOverflow.ellipsis,文本在 4 个字符后被剪切

like : 例子....

如果我不使用 softWrap: true, overflow: TextOverflow.ellipsis,文本显示为 3 或 4 行

我尝试使用 FittedBox ,但文本变得非常小.. 无法阅读 ....

任何想法如何得到这个?

标题:文本( inc.descricao, 样式:文本样式( 颜色:颜色。白色, fontFamily: "机器人", 字体大小:16, ),

   softWrap: true,
    overflow: TextOverflow.ellipsis,
  ),

谢谢罗克

【问题讨论】:

    标签: flutter


    【解决方案1】:

    使用布局灵活/容器与文本溢出:

    Flexible(
      child: Container(
        child: Text(
          'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
          overflow: TextOverflow.ellipsis,
          style: TextStyle(
            fontSize: 13.0,),
        ),
      ),
    ),
    

    【讨论】:

    • 谢谢 .. 不工作 ... ParentDataWidget Flexible(flex: 1) 想要将 FlexParentData 类型的 ParentData 应用到 RenderObject,该 RenderObject 已设置为接受 BoxParentData 类型不兼容的 ParentData .通常,这意味着灵活小部件具有错误的祖先 RenderObjectWidget。通常,Flexible 小部件直接放置在 Flex 小部件中。有问题的 Flexible 当前放置在 _ListTile 小部件中。
    【解决方案2】:

    实际上,overflow: TextOverflow.ellipsis 应该可以工作。 我的猜测是 Text 小部件容器使 Text 小部件更短

    尝试将 Text 小部件以最大宽度包装在 Container 中

          Container(
            width: double.infinity,
            child: Text(
              'reaaaaaly long text, like reaaaaaaaaaaaaaly long',
              overflow: TextOverflow.ellipsis,
            ),
    

    【讨论】:

    • 谢谢你说得对,我有一个测试文本,比如“ads1 gsdagjdashjhgdasjhgdasjhdgsajhdgjasddjhdfas”
    • 谢谢你是正确的,我有一个像“ads1 gsdagjdashjhgdasjhgdasjhdgsajhdgjasddjhdfas”这样的测试文本......当我在大“词”中插入空格时,文本首先被剪切为单词(ads1)按我的意愿工作..看来问题毕竟是在屏幕和椅子(我)之间...谢谢...
    猜你喜欢
    • 2021-10-03
    • 1970-01-01
    • 2019-03-19
    • 2019-12-18
    • 2021-06-01
    • 2020-12-14
    • 2019-01-14
    • 2020-02-19
    • 2011-08-10
    相关资源
    最近更新 更多