如何在Flutter中通过代码实现指定坐标的模拟点击？

要实现点击按钮后触发图片上指定坐标的点击，你可以借助GlobalKey获取图片布局信息，再通过GestureBinding模拟指针事件来完成，具体实现如下：

完整代码示例 #

import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // 给目标图片绑定GlobalKey，用于获取布局信息
  final GlobalKey _imageKey = GlobalKey();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('坐标点击示例')),
        body: Column(
          children: [
            // 带点击回调的目标图片
            GestureDetector(
              key: _imageKey,
              onTapDown: (TapDownDetails details) {
                print('图片真实点击，本地坐标：${details.localPosition}');
              },
              child: Image.network(
                'https://picsum.photos/200/200',
                width: 200,
                height: 200,
                fit: BoxFit.cover,
              ),
            ),
            SizedBox(height: 20),
            FlatButton(child: Text('TEST'), onPressed: () {}),
            FlatButton(
              child: Text('触发图片指定坐标点击'),
              onPressed: () {
                // 1. 获取图片的渲染对象
                final RenderBox renderBox = _imageKey.currentContext!.findRenderObject() as RenderBox;
                // 2. 定义图片上要触发点击的本地坐标（示例为x=50，y=50）
                final Offset targetLocalOffset = Offset(50, 50);
                // 3. 将图片本地坐标转换为屏幕全局坐标
                final Offset targetGlobalOffset = renderBox.localToGlobal(targetLocalOffset);

                // 4. 模拟指针按下+抬起事件，完成点击触发
                GestureBinding.instance.handlePointerEvent(PointerDownEvent(
                  position: targetGlobalOffset,
                ));
                GestureBinding.instance.handlePointerEvent(PointerUpEvent(
                  position: targetGlobalOffset,
                ));

                print('已触发图片坐标($targetLocalOffset)的点击');
              },
            ),
          ],
        ),
      ),
    );
  }
}

核心逻辑说明 #

• GlobalKey用来关联图片组件，获取其渲染后的位置、尺寸等布局数据
• localToGlobal方法将图片内部的相对坐标转换为屏幕全局坐标，这是模拟点击的关键前提
• GestureBinding.instance.handlePointerEvent直接向Flutter手势系统发送指针事件，完全模拟真实的用户点击行为

内容的提问来源于stack exchange，提问作者구병희