文本不会溢出

时间:2018-06-18 14:29:54

标签: dart flutter flutter-layout

我的文字连续溢出,无法正常剪辑。下面是我的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

我已尝试在TitleWidgetExpandedFlexible中包裹OverflowBox,并且我不断收到无限长度错误。这是渲染内容的照片。

enter image description here

3 个答案:

答案 0 :(得分:1)

我会尝试将行Properties props = new Properties(); props.put("bootstrap.servers", "localhost:9092"); props.put("acks", "all"); props.put("retries", 3); props.put("max.in.flight.requests.per.connection", 1); Producer<String, String> producer = new KafkaProducer<>(props); for (int i = 0; i < 100; i++) producer.send(new ProducerRecord<String, String>("my-topic", Integer.toString(i), Integer.toString(i)), new CallBack()); 更改为mainAxisSize

答案 1 :(得分:0)

您是否将“maxlines”属性设置为&gt; 1?

答案 2 :(得分:0)

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