flutter的点击事件怎么获取坐标
时间: 2024-09-15 11:11:49 浏览: 117
在Flutter中,获取点击事件的坐标可以通过使用GestureDetector或者Listener组件来实现。通常,我们会在GestureDetector或Listener的onTapDown事件回调中获取到一个PointerDownEvent参数,其中包含了点击的位置信息。下面是一个简单的例子来展示如何在Flutter中获取点击事件的坐标:
```dart
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GestureDetector(
onTapDown: (details) {
// details是一个包含点击事件信息的参数
// details.localPosition是相对于最近的非nullRenderBox的位置信息
// details.globalPosition是全局的屏幕坐标
double x = details.localPosition.dx;
double y = details.localPosition.dy;
print('点击位置的坐标是:($x, $y)');
},
child: Container(
width: 200,
height: 200,
color: Colors.blue,
child: Center(
child: Text('点击这里获取坐标'),
),
),
);
}
}
```
在上述代码中,我们使用了GestureDetector,并在其onTapDown事件中获取了点击位置的坐标。这里可以得到局部坐标(localPosition)和全局坐标(globalPosition)。根据实际需要选择使用。
阅读全文