Как подтолкнуть виджет за границы?

Question

У меня есть виджет, который содержит изображение и кнопку ниже, в макете столбца.

Когда я нажимаю и перетаскиваю кнопку, я хочу свернуть виджет, чтобы я мог перетащить кнопку полностьюдо тех пор, пока видна только кнопка.Таким же образом я могу затем снова нажать кнопку и перетащить вниз, чтобы снова открыть виджет.

У меня все разобралось и работает, когда я не включаю изображение, поэтому видна только кнопка, а когда ясвернуть и развернуть виджет работает отлично.Когда я включаю изображение, я получаю ошибку переполнения.Когда я сворачиваю виджет в какой-то момент, изображение не помещается, и я получаю ошибку.Я хочу, чтобы изображение было вытолкнуто за пределы границ.

Я попытался исправить это, используя стек и виджет Positioned внутри, но безуспешно.Кто-нибудь знает какой-нибудь виджет, который я мог бы использовать для этого?

Мой код в этом смысле довольно прост

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

РЕДАКТИРОВАТЬ:

Мне удалось немного улучшить это, используя гибкий виджет и 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()
            ]));
  }