如何在Flutter中的Flexible小部件中使用flex参数？

当窗口小部件之间的空间过大时，flex属性按预期工作。 如文件中所述，使用的公式如下

remainingSpace * (flex / totalOfAllFlexValues)

但是当你不得不收缩小部件时，flex属性就失去了意义。 给出这样的结果

在此基础上，这里的小部件溢出，所以我使用flex来缩小框1和框2

在使用flex值时，会发生以下情况

class Caja extends StatelessWidget {

  Color color;
  int numero;
  double ancho;

  Caja(this.color, this.numero, this.ancho);

  @override
  Widget build(BuildContext context) {
    return Container(
      width: this.ancho,
      height: this.ancho,
      color: this.color,
      child: Center(
        child: Text(
          this.numero.toString(),
          style: TextStyle(
            fontSize: 30.0
          ),
        ),
      ),
    );
  }
}

我在下面介绍了一个灵活的用户小部件

 Column(
      crossAxisAlignment: CrossAxisAlignment.start,

      children: <Widget>[
          Flexible(flex: 1, child: Caja(Colors.blue, 1, 200.0)),

          Flexible(flex: 6, child: Caja(Colors.red, 2, 200.0)),

          Caja(Colors.green, 4, 400.0),
      ],
 )

列(
crossAxisAlignment:crossAxisAlignment.start，
儿童：[
柔性（柔性：1，儿童：Caja（颜色：蓝色，1200.0）），
柔性（柔性：6，儿童：Caja（Colors.red，2200.0）），
Caja（颜色：绿色，4400.0），
],
)

这个新的剩余空间是从哪里来的？

---

有人能给我解释一下吗？

我将第二个框的弹性值改为1-没有空格。然后是2-也没有空白。从flex值3向上看，出现了一个空白，并且它变得越来越大。 文件中说

“..，Flexible不要求子级填充可用空间。”

如果您检查Flexible的源代码，评论会说：

“如果不为零，则表示孩子在主视图中可以占用的空间量 轴通过划分自由空间来确定（放置 不灵活儿童）根据灵活儿童的灵活因素 孩子们。”

---

我认为这个固执的孩子可能有问题——你的绿盒子。如果将第二个长方体的弹性设置得太高，则希望第一个长方体非常小。但是灵活的孩子只考虑到不灵活孩子的自由空间，而不是后面的自由空间。

我将第二个框的弹性值更改为1-没有空白。然后是2-也没有空白。从flex值3向上看，出现了一个空白，并且它变得越来越大。 文件中说

“..，Flexible不要求子级填充可用空间。”

如果您检查Flexible的源代码，评论会说：

“如果不为零，则表示孩子在主视图中可以占用的空间量 轴通过划分自由空间来确定（放置 不灵活儿童）根据灵活儿童的灵活因素 孩子们。”

---

我认为这个固执的孩子可能有问题——你的绿盒子。如果将第二个长方体的弹性设置得太高，则希望第一个长方体非常小。但是灵活的孩子只考虑到不灵活的孩子的自由空间，而不是后面的自由空间。

你的Caja小部件到底是什么？我为show Caja Widget编辑了问题描述你的Caja小部件到底是什么？我为show Caja小部件编辑了问题描述