小部件占据屏幕1/3的好方法是什么？

Question

无论手机方向如何，我都试图让小部件占据屏幕的1/3。我该如何做到这一点？

Answer 1

通过使用Column并将内容包装在Flexible中并更改flex以让孩子占据屏幕的1/3，我得到了我想要的东西：

new Column(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: <Widget>[
    new Flexible(flex: 2, child: new SizedBox()),
    new Flexible(flex: 1, child: createTextBox())
  ]
);

Answer 2

有一些可能有用的小部件：特别是AspectRatio，Column / Expanded和CustomSingleChildLayout。在不知道你想要做什么的情况下，很难给出一个好的答案。

Answer 3

您应该尝试使用Expanded小部件作为行的子项，如下所示：

{{1}}

扩展小部件将尝试尽可能多地填充行的空间。由于它们中有三个，它们必须共享空间，最终每个占据行的1/3。