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.

!Cursos desde!

10$

En Udemy

Quedan 2d 23:18!


Udemy

!Cursos desde!

4$

En Academia

Ver los cursos

!Libros desde!

1$

Ver los libros
¡Hazte afiliado en Gumroad!