Flutter Flexible小部件没有意义

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

[当小部件之间有多余空间时,flex属性将按预期工作。如文档中所述,要使用的公式如下

remainingSpace * (flex / totalOfAllFlexValues)

但是当您必须缩小窗口小部件时,flex属性就不再有意义了。得到这样的结果。

在此基础上,这里的小部件会溢出,因此我使用flex缩小框1和2

enter image description here

并且在使用flex值时,发生以下情况

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

enter image description here

这个新的剩余空间从何而来?有人可以向我解释吗?

flutter flutter-layout
1个回答
0
投票

在此instagram页面中学习Flutter Widget:

Instagram:https://instagram.com/flutter_video

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