Несколько просмотров вкладок на странице?

Question

У меня есть контейнер с двумя столбцами.Когда вы нажимаете кнопку OPTIONS, экран анимируется на половину ширины влево и показывает дополнительные (кликабельные!) Параметры.

IВ настоящее время я делаю это с Row, содержащим два контейнера, где второй контейнер находится в Stack, который перекрывает переведенный на право контейнер с параметрами.Что-то в этом роде:

Row(
  children: <Widget>[
    Expanded(
      child: Container(
        color: Colors.blue,
      ),
    ),
    Expanded(
      child: Container(
        child: Stack(
          children: <Widget>[
            Container(
              color: Colors.orange
            ),
            Transform.translate(
              offset: const Offset(170.0, 0.0),
              child: Container(
                color: Colors.green,
                child: Column(
                  children: const <Widget>[
                    FlatButton(child: Text("Option 1")),
                    FlatButton(child: Text("Option 2")),
                    FlatButton(child: Text("Option 3")),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    )
  ],
);

Теперь, поскольку зеленый контейнер находится за пределами своего родительского стека, кнопки выбора не будут получать никаких событий жестов и, следовательно, не будут работать.Здесь есть похожий вопрос здесь и даже проблема GitHub .То, что ни один не обеспечивает, является решением.

Есть ли способ заставить работать жесты вне стека, и если нет, каковы мои варианты для этого варианта использования?В некотором смысле, я пытаюсь добиться чего-то похожего на представление вкладок, но с одновременным отображением двух представлений вкладок.