Question

我有一个堆栈小部件，其中有两个小部件。其中一个绘制背景，另一个绘制背景。我希望两个小部件都具有相同的大小。

我想要顶部窗口小部件，该列是一列，以垂直扩展并填充堆栈至由背景窗口小部件设置的大小。我尝试设置主轴mainAxisSize: MainAxisSize.max，但没有设置。帮助。

我如何使其工作

Answer 1

我认为您可以将列包装在这样的容器中：

 Container(
   height: double.infinity,
   width: double.infinity,
   child: Column()
 ),

Answer 2

您可以尝试使用positioned小部件包装列。将top设置为0，将bottom设置为0。这将使该列垂直填充堆栈。

示例代码：

Stack(
      children: <Widget>[
        // Background widget rep
        Container(
          color: Colors.pink,
        ),
        Positioned(
          top: 0,
          bottom: 0,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text('madonna'),
              Text('flutter'),
            ],
          ),
        )
      ],
    )

Answer 3

使用Postioned.fill。

    Stack(
      children: <Widget>[
        Positioned.fill(
          child: Column(
            children: <Widget>[
              //...
            ],
          ),
        ),
        //...
      ],
    );

有关Flutter Widget of the Week中的Positioned的更多信息

展开堆栈小部件内的小部件

3 个答案: