Flutter detect triple tap

Question

I would like to be able to detect a triple tap (or even more) in a Flutter widget, although GestureDetector only has detection for double-tap built in.

What is the easiest way for me to detect a triple tap on a widget?

(I want continually clicking on a part of the screen to unlock some developer options)

Answer 1

Was a bit lazy with this one, in reality it's not that hard

// init
int lastTap = DateTime.now().millisecondsSinceEpoch;
int consecutiveTaps = 0;

GestureDetector(
        onTap: () {
          int now = DateTime.now().millisecondsSinceEpoch;
          if (now - lastTap < 1000) {
            print("Consecutive tap");
            consecutiveTaps ++;
            print("taps = " + consecutiveTaps.toString());
            if (consecutiveTaps > 4){
              // Do something
            }
          } else {
            consecutiveTaps = 0;
          }
          lastTap = now;
        },
        child: ...
)

Answer 2

I tried the method mentioned here, but it didn't work for me. GestureDetector onTap is called only once, regardless of the number of taps. Probably something has changed in flutter (I'm on the beta channel). However, I dug into the source code of flutter and come to the solution (https://api.flutter.dev/flutter/gestures/SerialTapGestureRecognizer-class.html):

import "package:flutter/gestures.dart";

RawGestureDetector(gestures: {
      SerialTapGestureRecognizer:
        GestureRecognizerFactoryWithHandlers<SerialTapGestureRecognizer>(
          () =>SerialTapGestureRecognizer(), (SerialTapGestureRecognizer instance) {
        instance.onSerialTapDown = (SerialTapDownDetails details) {
          if (details.count == 3) print("Consecutive tap 3");
        };
      })