点击顶部对象的颤振堆栈

Question

我在我的flutter应用程序中编写了一个菜单，它是一个矩形，您可以从屏幕底部绘制，并与主页面堆叠在一起，因此它覆盖在主页面上。

但是当我点击菜单中的其中一个Inkwells时，它会点击它下方卡片上的相同位置（测试底层的墨水池）。

为什么会发生这种情况（点击菜单中的墨水池）？

以下是代码：

import 'extensions.js';

function() {
    var arr = []; // or new Array()
    arr.shuffle();
}

这是CostumListTile的代码

new Stack(children: [
              new Column(
                children: <Widget>[
                  new Expanded(
                      child: new TabBarView(children: <Widget>[
                    new CostumCard(
                      imgUrl:
                          url1,
                    ),
                    new CostumCard(
                      imgUrl:
                          url2,
                    ),
                  ]))
                ],
              ),
              new Transform(
                transform: new Matrix4.translationValues(0.0, yTransform, 0.0),
                child: new Transform(
                  transform: new Matrix4.translationValues(
                      0.0, MediaQuery.of(context).size.height - 80 - 70, 0.0),
                  child: new Container(
                    width: double.infinity,
                    height: 500.0,
                    child: new Material(
                      child: new Column(
                        children: <Widget>[
                          new RaisedButton(onPressed: (){print('hello world.');}, child: new Text('Hello World!')),
                          new CostumListTile(
                            itemTitle: 'Vertretungsplan',
                            onTap: () {print('NONONONO');},
                            menuIcon: Icons.assignment_late,
                          ),
                          new CostumListTile(
                            itemTitle: 'Kalender',
                            onTap: () {
                              Navigator.push(
                                  context,
                                  new MaterialPageRoute(
                                      builder: (context) => new WebViewPage(
                                          url:
                                              url,
                                          title: 'Kalender')));
                            },
                            menuIcon: Icons.calendar_today,
                          ),
                          new CostumListTile(
                            itemTitle: 'Aktuelles',
                            onTap: () {
                              Navigator.push(
                                  context,
                                  new MaterialPageRoute(
                                      builder: (context) => new WebViewPage(
                                          url:
                                              url,
                                          title: 'Aktuelles')));
                            },
                            menuIcon: Icons.info_outline,
                          ),
                          new CostumListTile(
                            itemTitle: 'Mensaplan',
                            onTap: () {
                              Navigator.push(
                                  context,
                                  new MaterialPageRoute(
                                      builder: (context) => new WebViewPage(
                                          url:
                                              url,
                                          title: 'Mensaplan')));
                            },
                            menuIcon: Icons.restaurant,
                          ),
                        ],
                      ),
                    ),
                  ),
                ),
              ),
            ]),