如何在 Flutter 小部件上模拟点击事件？

Question

如何在 Flutter 小部件上模拟点击事件？

例如，如何模拟点击 Tabbar 标题？ 更重要的是，我如何首先找到小部件？ 请注意，我不想调用相关的回调，也不想使用 Flutter 测试类测试小部件，但我想在运行时模拟对小部件的点击。

编辑 1：（请注意）我不想测试小部件或调用分配给 GestureDetector.onTap 或 RaisedButton.onPressed 等的方法...

Answer 1

首先，获取RenderBox 。 然后只需调用hitTest方法。 任何人都会这样做，只要它安装在树上。

为此，您必须通过context.findRenderObject()使用BuildContext 。

BuildContext context;

final renderObj = context.findRenderObject();
if (renderObj is RenderBox) {
  final hitTestResult = HitTestResult();
  if (renderObj.hitTest(hitTestResult, position:  /* The offset where you want to "tap" */)) {
    // a descendant of `renderObj` got tapped
    print(hitTestResult.path);
  }
}

Answer 2

如果小部件具有定义的 onTap 属性，只需调用

widget.onTap();

Answer 3

使用GestureBinding模拟屏幕任意位置的点击事件：

完整示例：

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Column(
          children: [
            ElevatedButton(
              onPressed: () {},
              style: ElevatedButton.styleFrom(
                primary: Colors.red[900],
              ),
              child: SizedBox(
                width: 400,
                height: 400,
                child: Center(child: Text("I'm a big button.")),
              ),
            ),
            ElevatedButton(
              onPressed: () async {
                GestureBinding.instance!.handlePointerEvent(PointerDownEvent(
                  position: Offset(200, 300),
                ));
                await Future.delayed(Duration(milliseconds: 500));
                GestureBinding.instance!.handlePointerEvent(PointerUpEvent(
                  position: Offset(200, 300),
                ));
              },
              child: Text('Simulate Click'),
            ),
          ],
        ),
      ),
    );
  }
}