https://api.flutter.dev/flutter/widgets/Listener-class.html
在此示例中，如果指针在蓝色容器之外释放，则视为释放。当指针到达蓝色容器之外时如何取消指针事件？我已经尝试在我的特定用例中忽略指针和吸收指针，其中我在一列中有两个孩子，并且侦听器附加到第二个，但第一个也发出指针向上事件。我想要 PointerUpEvent 的功能，因为我想获取本地位置，所以 GestureDetector 的 onPanEnd 不起作用。
【问题讨论】：
标签： flutter
创建一个方法来验证指针是否在子节点之外。然后你可以在你的 onTapUp 事件中调节它。
类似这样的：
获取您孩子的大小
final RenderBox childRenderBox = _childKey.currentContext.findRenderObject() as RenderBox;
final Size childSize = childRenderBox.size;
将孩子的局部坐标系转换为以逻辑像素为单位的全局坐标系
final Offset childPosition = childRenderBox.localToGlobal(Offset.zero);
检查touchPosition(Pointer)是否在child或box之外
return touchPosition.dx < childPosition.dx ||
touchPosition.dx > childPosition.dx + childSize.width ||
touchPosition.dy < childPosition.dy ||
touchPosition.dy > childPosition.dy + childSize.height;
最后，你有一个方法可以检查指针是否在外面。
bool _isOutsideChildBox(Offset touchPosition) {
final RenderBox childRenderBox =
_childKey.currentContext.findRenderObject() as RenderBox;
final Size childSize = childRenderBox.size;
final Offset childPosition = childRenderBox.localToGlobal(Offset.zero);
return touchPosition.dx < childPosition.dx ||
touchPosition.dx > childPosition.dx + childSize.width ||
touchPosition.dy < childPosition.dy ||
touchPosition.dy > childPosition.dy + childSize.height;
}
现在在你的 onTapUp 事件中检查触摸的位置是否在外面，然后做一些事情。
void _onTapUp(PointerUpEvent event) {
if(_isOutSideChildBox(event.position)){
dont emit release...
}
}
【讨论】：
使用 LayoutBuilder 包装侦听器并从 LayoutBuilder 传递约束以及从 PointerUpEvent 传递详细信息可用于验证触摸是否在边界内。
bool _isInsideBox(BoxConstraints constraints, PointerUpEvent details) {
return details.localPosition.dx >= 0.0 &&
details.localPosition.dy >= 0.0 &&
details.localPosition.dx <= constraints.maxWidth &&
details.localPosition.dy <= constraints.maxHeight;
}
然后简单的调用onPointerUp里面的函数
void _onPointerUp(PointerUpEvent details) {
if(_isInsideBox(constraints,details)){
//do something
}
else{
// do nothing
}
}
@Zolicious 给出了更具体的解决方案
【讨论】：
一种更简单的方法是仍然使用 GestureDetector，如果您正在寻找平移结束时的本地位置，请使用 onPanEnd() 和 onPanUpdate()
当平移结束时，使用 onPanUpdate 提供的最后一个DragUpdateDetails 来获取位置
【讨论】：