dart - 文本不会在行中溢出

标签 dart flutter flutter-layout

我的一行文本溢出,无法正确剪裁。下面是我的带注释的小部件的简单层次结构。

ListView
  ListItem1
  ...
  ListItemN
    Padding
      Row // mainAxisAlignment.spaceBetween
        Row
          IconWidget
            Container
              Padding
                Image // 64px square
          TitleWidget // overflowing but not clipping
            Text // TextOverflow.fade
        ScoreWidget
          Container // boxDecoration, color & borderRadius
            Padding
              Text

我已经尝试将 TitleWidget 包装在 ExpandedFlexibleOverflowBox 中,但我不断收到无限长度错误.这是渲染内容的照片。

enter image description here

最佳答案

已解决,最中间的 Widget 需要在 Expanded widget 中。还稍微清理了一下。

ListView
  ListItem1
  ...
  ListItemN
    Container //padding
      Row
        IconWidget
          Container // padding
            Image // 64px square
        TitleWidget
          Expanded // added Expanded
            Text // TextOverflow.fade
        ScoreWidget
          Container // boxDecoration, color & borderRadius, padding
            Text

关于dart - 文本不会在行中溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50911775/

相关文章:

Flutter:在布局期间对象被赋予无限大小

Flutter - setState 未更新内部自定义状态小部件

flutter - 是否可以使用脚手架和导航器?

Flutter 持久通知和服务

dart - 从 LatLng 列表计算总距离

flutter - 避免使用应用发送自动点击

使用 Staggered Grid View 时 Flutter “RenderFlex children have non-zero flex but incoming height constraints are unbounded.”~@_@

data-binding - 绑定(bind)到链接中的 href 属性

installation - 如何升级到 Dart 2?

flutter - 如何居中对齐文本小部件,然后在文本中添加前导图标?