Flutter-如何在一列中添加两个文本小部件，第二个在水平填充空间后垂直溢出？

Question

我创建了一个聊天应用程序，在“列”窗口小部件中创建了两个“文本”窗口小部件，现在我想使聊天消息（第二个文本窗口小部件）“文本”窗口小部件在水平填充空格后垂直移动 ，那我该怎么办，这就是image of the Chat screen 然后发生this(image)，因为我是新用户，所以图像被嵌入

它的代码是这样的：-

 Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[

          /// USER NAME
          Text(userName, style: Theme.of(context).textTheme.subtitle),


          /// CHAT MESSAGE
          Container(
            margin: const EdgeInsets.only(top: 5.0),
            child: Text(
              theText,
              maxLines: null,
              style: Theme.of(context).textTheme.body2,
            ),
          ),
        ],
      ),

我希望代码能够像传统的聊天应用程序的消息一样工作，第一个文本小部件（用户名）可以工作，但是第二个小部件（实际的聊天消息）不能工作，因为它按像素溢出 ，那么我该如何解决此问题并使其像传统的聊天消息？

Answer 1

我解决了问题！就是这样：

我刚刚用 Flexible小部件包装了整个Column小部件，它解决了我的问题，现在我可以添加多行消息了！

我一直在发布有关遇到相同问题的新手的消息，“也许”发现这很有用...