Question

我有一个ConstrainedBox，它具有一个listView，其子级具有以下小部件：（我需要所有列和行。删除了重现该问题不需要的所有内容。）

return Column(
  children: [
    Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              'this is some longggggggggggggggggggggggg texttttttttt that gets overflown',
              style: textStyle,
              overflow: TextOverflow.ellipsis,
              maxLines: 5,
            ),
          ],
        )
      ],
    ),
  ],
);

问题是，文本不会转到下一行。我尝试将Expand小部件添加到文本小部件，列小部件和行小部件，当我这样做时，它给我一个错误。

Answer 1

您需要将整个内部Column包装在Expanded小部件中。您需要水平约束Text小部件。在Expanded中使用Column将在垂直方向上对其进行约束，而在Row中使用其约束将在水平方向上对其进行约束，并告诉Text包装位置。

return Column(
  children: [
    Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                'this is some longggggggggggggggggggggggg texttttttttt that gets overflown',
                style: textStyle,
                overflow: TextOverflow.ellipsis,
                maxLines: 5,
              ),
            ],
          )
        ),
      ],
    ),
  ],
);

多行文本小部件给我一个溢出的错误

1 个答案: