行内的溢出问题。Fittedbox不工作

问题描述 投票:0回答:1

我有一个Row里面有4个其他的Row,行里面有一个图标和文字,但是当文字增加的时候。我得到了溢出的问题。

我试过FittedBox和Flexible,fit属性等于FlexFit.loft没有工作。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),
                                )
                              ],
                            ),
                          ]),
flutter flutter-layout
1个回答
0
投票

我有同样的问题.尝试用一列包装文本部件.如果没有工作,检查这个讨论。请在此输入链接描述. 我很确信,如果列的包装没有帮助,你会在那里找到你的答案。GL:)


0
投票

试试 Wrap() 小部件

Wrap铺设每个子代,并试图将子代与前一个子代在主轴上相邻,由方向给出,中间留有间隔空间。如果没有足够的空间容纳孩子,Wrap会在交叉轴上与现有的孩子相邻创建一个新的运行。

© www.soinside.com 2019 - 2024. All rights reserved.