如何将小部件推入边界？

Question

我有一个Widget，其中包含一个图片和一个下面的按列布局的按钮。

当我按下并拖动按钮时，我想折叠小部件，因此我可以将按钮一直拖动到直到只有该按钮可见为止。同样，我可以再次按下按钮并向下拖动以再次显示小部件。

当我不包括图像时，我已经弄清了一切，并且可以正常工作，因此只有一个按钮可见，并且当我折叠和展开小部件时，它可以正常工作。当我包含图像时，出现溢出错误。当我在某个位置折叠窗口小部件时，图像不适合，并且出现错误。我想要的是将图像推出边界。

我尝试使用内部的堆栈和定位小部件来修复它，但是没有运气。有人知道我可以用它来做任何小部件吗？

从这个意义上讲，我的代码很简单

Widget _buildPanel() {
    return Container(
        child: Column(
            mainAxisAlignment: MainAxisAlignment.end,
            children: <Widget>[
              Image.asset('assets/gifs/myimage.gif'),
              _buildButton()
            ]));
  }

编辑：

我设法使用Flexible widget和BoxFit对此进行了一些改进，但是仍然不理想，图像被折叠了但还不完全。

Widget _buildPanel() {
    return Container(
        child: Column(
            mainAxisAlignment: MainAxisAlignment.end,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: <Widget>[
              Flexible(
                  child: Container(
                child: Image.asset(
                  'assets/gifs/myimage.gif',
                  fit: BoxFit.none,
                  alignment: Alignment(0.0, 1.0),
                ),
                margin: EdgeInsets.only(bottom: 36.0),
              )),
              _buildResultsButton()
            ]));
  }