我在其他4个行中都有一个行,在行中有一个图标和文本。 但是当文字增加时。我遇到了溢出问题。
我试过了FittedBox和Flexible,其fit属性等于FlexFit.loose不起作用。
这是我的代码
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Icon(Icons.star, color: Color(0xFFf0b649)),
Text(
"4.2",
style: TextStyle(fontSize: 20),
)
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Icon(Icons.remove_red_eye),
Text(
"145",
style: TextStyle(fontSize: 20),
)
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Icon(Icons.people),
Text(
"14766768675",
style: TextStyle(fontSize: 20),
)
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Icon(Icons.favorite_border),
Text(
"دنبال کردن",
style: TextStyle(fontSize: 15),
)
],
),
]),
答案 0 :(得分:1)
我有同样的问题。 尝试用列包装文本小部件。 如果这样不起作用,请查看此讨论enter link description here。 如果列换行不起作用,我非常确定您会在这里找到答案。 GL:)
答案 1 :(得分:0)
尝试Wrap()小部件
Wrap对每个孩子进行布局,并尝试将其放置在主轴上与前一个孩子相邻的位置(由方向指定),并在两者之间留有间隔。如果没有足够的空间容纳孩子,则Wrap会在横轴上与现有孩子相邻创建一个新的行程。