我正在研究如何在多行中显示文本。下面是我的代码:
title: Row(
children: [
Text(
_snapshot.data['username'],
style: TextStyle(
color: Colors.black,
fontSize: 20,
fontWeight: FontWeight.w700),
),
SizedBox(width: 5.0),
Text(
"${comment.data()['comment']}",
style: TextStyle(
color: Colors.black,
fontSize: 20,
fontWeight: FontWeight.w500),
)
],
),
但是当文本太长时,我会得到这个错误:
当我把第二个文本用展开的 Package 时,它看起来像这样
我想要这样的
5条答案
按热度按时间yr9zkbsy1#
我认为你可以尝试使用一个RichText,看下面的代码:
gijlo24d2#
使用“maxLines”(文本小部件)属性应该工作,它应该包裹文本。
bxfogqkk3#
这看起来像是RichText的用例,因为这两个
Text
小部件之间的唯一区别是字体粗细。您可以更新代码以使用它,并在
${comment.data()['comment']}
之前添加所需的空间:pw9qyyiw4#
我用这种方式。
https://i.stack.imgur.com/6WrQi.png
bsxbgnwa5#
只需将文本小部件添加到一个固定宽度的大小框或容器中,它就会流入多行。
您可以使用
maxLine
和overflow
属性来控制文本可以遍历的行数,以及超过最大行数时的处理方式