Swipe Detector en Flutter

- Andrés Cruz

Swipe Detector 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.

Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.