文本不会在行中溢出

Question

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

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 包装在 Expanded、Flexible 和 OverflowBox 中，但我不断收到无限长度错误。这是渲染内容的照片。

Answer 1

我会尝试将行 mainAxisSize 更改为 MainAxisSize.min

Answer 2

您是否将 "maxlines" 属性设置为 >1？

Answer 3

已解决，最中间的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

文本不会在行中溢出

Text will not overflow in row

dart

flutter

flutter-layout