Custom TripleTapDetector widget using RawGestureDetector

triple_tap_detector.dart

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

class TripleTapDetector extends StatelessWidget {
  const TripleTapDetector({
    super.key,
    required this.child,
    required this.onTripleTap,
  });
  final Widget child;
  final VoidCallback onTripleTap;

  @override
  Widget build(BuildContext context) {
    return RawGestureDetector(
      gestures: {
        SerialTapGestureRecognizer:
            GestureRecognizerFactoryWithHandlers<SerialTapGestureRecognizer>(
          () => SerialTapGestureRecognizer(),
          (SerialTapGestureRecognizer instance) {
            instance.onSerialTapDown = (SerialTapDownDetails details) {
              if (details.count == 3) {
                onTripleTap();
              }
            };
          },
        ),
      },
      child: child,
    );
  }
}