Flutter 每页有多个选项卡视图？

我有一个有两列的容器。当您单击

选项

按钮时，屏幕会向左移动半个宽度，并显示其他（可单击！）选项

我目前正在使用一个

行

执行此操作，该行包含两个容器，其中第二个容器位于一个

堆栈

中，该堆栈使用选项覆盖已转换到右侧的容器。大致如下：

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")),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    )
  ],
);

行(
儿童：[
扩大(
子：容器(
颜色：颜色，蓝色，
),
),
扩大(
子：容器(
子：堆栈(
儿童：[
容器(
颜色：颜色。橙色
),
转换(
偏移量：常数偏移量（170.0,0.0），
子：容器(
颜色：颜色。绿色，
子：列(
儿童：康斯特[
扁平按钮（子项：文本（“选项1”）），
扁平按钮（子项：文本（“选项2”）），
扁平按钮（子项：文本（“选项3”）），
],
),
),
),
],
),
),
)
],
);

现在，由于绿色容器位于其父堆栈之外，选项按钮将不会获得任何手势事件，因此无法工作。还有一个类似的问题，甚至是。两者都没有提供解决方案

---

有没有办法让手势在堆栈之外工作，如果没有，我对这个用例有什么选择？在某种程度上，我试图实现的与选项卡视图类似，但同时显示两个选项卡视图。

我最终保留了当前布局，但将堆栈外的链接移动到了新的位置。我会把这个打开，以防有人找到解决问题的方法。