flutter - 当父级溢出时，如何使InkWell/GestureDetector可单击？

Question

我在固定大小的容器内有一个堆栈。堆栈中有定位子级，其中有InkWell子级。如果我用例如将一个 child 推到左边左:-15，在容器外部仍然可以看到InkWell，但是在容器外部不再可以单击。

这里是代码的简化版本:

Container(
  width: 300,
  height: 100,
  child: Stack(
    overflow: Overflow.visible,
    children: <Widget>[
      Positioned(
        top: 0,
        bottom: 0,
        left: -15,
        child: InkWell(
          onTap: () {},
          child: Padding(
            padding: EdgeInsets.all(15.0),
            child: Text("Test"),
          ),
        ),
      ),
    ],
  ),
);

我也在尝试使InkWell的溢出部分(左侧15个像素)可点击。现在，我只能单击容器内的所有内容。

我这样做的原因是使按钮更易于单击，同时又不将可见文本移动到其他位置。

Answer 1

可悲的是:

It is intentional that widgets in the overflow area of a stack do not react to gestures and that's unlikely to change. I recommend that people with this (or similar) problems refactor their app to keep all interactable elements within the bounds of a stack.

source: https://github.com/flutter/flutter/issues/19445

简而言之，不要使用溢出。重构您的布局，以确保其完全包含在其父级的边界之内。