如何在颤动的可用高度上绘制小部件

【问题标题】：How to draw widget on available height in flutter如何在颤动的可用高度上绘制小部件
【发布时间】：2020-08-01 01:49:04
【问题描述】：

我有一个小部件需要在剩余高度上绘制，该高度需要在顶部和底部小部件之间绘制（底部小部件使用底部中心属性绘制）。

例如：

Container() -- 第一个容器几乎占据半屏

Container() -- 第二个容器在屏幕底部绘制例如：将小部件视为按钮

Container() -- 第三个容器需要画在两个容器之间。

【问题讨论】：

标签： flutter flutter-layout flutter-widget

【解决方案1】：

如果您有类似Column 的东西，您可能想要使用Expanded 小部件。

试试这个代码

Column(
  children: [
    Container(color: Colors.red, height: 100),
    Expanded(
      child: Container(color: Colors.yellow, height: 100),
    ),
    Container(color: Colors.red, height: 100),
  ],
)

来自Expanded-class 文档：

扩展 Row、Column 或 Flex 的子项的小部件，以便 child 填充可用空间。

【讨论】：

【解决方案2】：

扩展小部件适用于我们需要用它包裹中间小部件的场景。

例如：

Expanded(
        child: Container(
              ...         
            ),
         ),

【讨论】：