flutter - 增加小部件的点击检测区域？

Question

我想知道是否可以增加特定小部件的“点击区域”？

一个小例子是 50 x 50 的按钮。如果用户点击这 50 x 50 像素的任意位置，按钮的 onPressed 将被执行。但是我可以做到这一点，如果用户点击按钮上方 5 个像素，它的 onPressed 仍然会被执行吗？

我只是想增加这个区域以提供更好的用户体验，而不必增加按钮的实际大小，这会使 UI 变得更糟。

Answer 1

我来晚了一点，不过你有两个选择。

摆在我面前的答案非常基础，只使用基本的容器，对你没有帮助。

1) 在您的 gestureDetector 上使用 behavior: HitTestBehavior.translucent，这将允许点击不可见的东西。但是，您想要的不仅仅是您设置为可点击的区域，因此请转到选项 2。

2) 使用不可见的 Stack。在按钮上方堆叠一个容器，使其不可见，在其上添加手势检测，并使用正确的 HitTestBehaviour，这应该可以正常工作。如果您的按钮是 50x50，将容器制作成 55x55 并将它们堆叠在一起，问题就解决了。