Vamos a conocer un paquete con el cual podemos registrar el efecto Swipe en nuestras aplicaciones en Flutter.

¿Qué es Swipe Detector?

Solo para detectar los deslizamientos en la pantalla, como izquierda, derecha, arriba y abajo, y muy simple en un aleteo cuando agregamos el paquete swipedetector.

Para detectar deslizamientos en la pantalla

Implementación del detector de deslizamiento

Paso 1: agregar dependencias

Agregue el paquete en el archivo pubspec.yaml.

dependencies:  swipedetector: #https://pub.dev/packages/swipedetector

Paso 2, importar

import 'package:swipedetector/swipedetector.dart';

Swipes

SwipeDetector(
        child: Container(
          width: 200,
          height: 200,
          color: Colors.blue,
        ),
        onSwipeRight: () {
          setState(() {
            print("Swiped right");
          });
        },
      ),

Simplemente declareSwipeDetector en el cuerpo o como un widget. Eso es todo, podemos usar onSwipeRight o onSwipeLeft o onSwipeUp o onSwipeDown o todo al mismo tiempo para detectar el deslizamiento que desea

SwipeDetector(
        child: Container(
          width: 200,
          height: 200,
          color: Colors.blue,
          child: Center(child: Text(_swipeDirection)),
        ),
        onSwipeUp: () {
          setState(() {
            _swipeDirection = "Swipe Up";
          });
        },
        onSwipeDown: () {
          setState(() {
            _swipeDirection = "Swipe Down";
          });
        },
        onSwipeLeft: () {
          setState(() {
            _swipeDirection = "Swipe Left";
          });
        },
        onSwipeRight: () {
          setState(() {
            _swipeDirection = "Swipe Right";
          });
        },
      ),

Tan sencillo :)También puede configurar, suponga que no necesita una pantalla completa como solo una parte de la pantalla también detectada usando

swipeConfiguration: SwipeConfiguration(
                      verticalSwipeMinVelocity: 100.0,
                      verticalSwipeMinDisplacement: 50.0,
                      verticalSwipeMaxWidthThreshold:100.0,
                      horizontalSwipeMaxHeightThreshold: 50.0,
                      horizontalSwipeMinDisplacement:50.0,
                      horizontalSwipeMinVelocity: 200.0),
                ),

Artículo recomendado.