文本不会在行中溢出

Question

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

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

解决了，最中间的 Widget 需要在 Expanded 小部件中。也清理了一下。

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