Flutter-列内扩展小部件内的文本溢出

Question

我想要实现的是在固定高度的列内放置一个文本小部件。当文本较长时，我希望插入设置为overflow的{​​{1}}属性。“文本”窗口小部件的TextOverflow.ellipsis属性设置为较高的值，以使其可以自动换行。但是，在文本小部件之前和之后，此列中也有其他小部件。文本小部件位于“扩展”小部件中，因此它占用了列中的所有空间。完整的代码粘贴在下面。

此设置的问题是文本溢出了其容器父级。我在容器上有边框装饰，以显示这种情况。为什么会发生这种情况以及如何解决。

maxLines

Answer 1

根据我的经验，您应该根据本文的内容，为包含溢出文本的Container分配固定宽度。 Flutter- wrapping text。

Answer 2

尝试用“ Flexible”（而不是可扩展的）包装您的列。

我也遇到同样的问题，即列中的文本溢出并用“ flexible”将列本身换行，从而使文本变小。

         Flexible(
          child: Padding(
            padding: const EdgeInsets.only(left: 8.0),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Padding(
                  padding: const EdgeInsets.only(bottom: 8.0),
                  child: Text(
                    'Name',
                    style: CustomTextStyle.blueTitle14(context),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.only(bottom: 4.0),
                  child: Text('Long text'),
                ),
              ],
            ),
          ),
        ),

Answer 3

从该行中删除 enter-bar('\n')，该行将是省略号。