Question

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

例如：

Container（）-第一个容器几乎占据一半的屏幕

Container（）-在屏幕底部绘制第二个容器，例如：将小部件视为Button

Container（）-第三个容器需要在两个容器之间绘制。

Answer 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文档：

一个小部件，可扩展行，列或Flex的子级，以便小孩填满了可用空间。

Answer 2

扩展小部件适用于这种情况，我们需要将中间小部件包装在一起。

例如：

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

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

2 个答案: