Swipe Detector en Flutter
- Andrés Cruz
¿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),
),
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter