Flutter 扩展和灵活的工作不能在一行中很好地结合在一起

Flutter 扩展和灵活的工作不能在一行中很好地结合在一起,flutter,flutter-layout,Flutter,Flutter Layout,您可以在 伪代码: Column( children: [ Row(children: [ fleWid(1), expWid(1), ]), Row(children: [ expWid(1), expWid(1),

您可以在

伪代码:

 Column(
              children: [
                Row(children: [
                  fleWid(1),
                  expWid(1),
                ]),
                Row(children: [
                  expWid(1),
                  expWid(1),
                ]),
                Row(children: [
                  fleWid(1),
                  fleWid(1),
                ]),
屏幕:

重复您可以在


问题是行1,为什么扩展不能扩展整个休息空间?

扩展和灵活都有1的伸缩度,因此它们都以1/(1+1)的宽度进行布局

但是,挠性接头具有柔性配合,允许其小于最大宽度的一半


如果您希望展开的部分使用全宽,则应移除较小部分周围的柔性部分

展开部分将占用整个可用空间,而柔性部分仅占用所需空间。 在您的例子中,inside Flexible是一个默认字体大小为14的文本小部件,因此它非常灵活,只会环绕文本

使用Flexible小部件,行、列或Flexible的子级可以灵活扩展以填充主轴中的可用空间(例如,水平方向为行或垂直方向为列),但与扩展不同,Flexible不要求子级填充可用空间


您可以检查

如果要扩展以填充剩余的小部件,请使用另一个不带弹性的小部件。为什么你想使用灵活和扩展的结合,你想要的输出是什么?