行内出现溢出问题。 Fittedbox不起作用

时间:2020-06-10 11:20:59

标签: flutter flutter-layout

我在其他4个行中都有一个行,在行中有一个图标和文本。 但是当文字增加时。我遇到了溢出问题。

我试过了FittedBox和Flexible,其fit属性等于FlexFit.loose不起作用。 enter image description here

这是我的代码

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),
                                )
                              ],
                            ),
                          ]),

2 个答案:

答案 0 :(得分:1)

我有同样的问题。 尝试用列包装文本小部件。 如果这样不起作用,请查看此讨论enter link description here。 如果列换行不起作用,我非常确定您会在这里找到答案。 GL:)

答案 1 :(得分:0)

尝试Wrap()小部件

Wrap对每个孩子进行布局,并尝试将其放置在主轴上与前一个孩子相邻的位置(由方向指定),并在两者之间留有间隔。如果没有足够的空间容纳孩子,则Wrap会在横轴上与现有孩子相邻创建一个新的行程。