C’est Tinder comme un paquet de cartes à glisser. Vous pouvez ajouter vos propres widgets à la pile, recevoir les quatre événements, gauche, droite, haut et bas. Vous pouvez définir votre propre logique métier pour chaque direction.
Documentation
Installation
Ajouter swipeable_cards_stack
à ton pubspec.yaml
:
dependencies:
swipeable_cards_stack: <latest version>
Usage
Utilisez le SwipeableCardsStack
widget fourni par le package
import 'package:swipeable_cards_stack/swipeable_cards_stack.dart';
class MyWidget extends StatefulWidget {
@override
State<MyWidget> createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
final _cardsController = SwipeableCardsStackController();
@override
Widget build(BuildContext context) {
return SwipeableCardsStack(
cardController: _cardsController,
context: context,
// Add the first 3 cards (widgets)
items: [
CardView(text: "First card"),
CardView(text: "Second card"),
CardView(text: "Third card"),
],
// Get card swipe event callbacks
onCardSwiped: (dir, index, widget) {
// Add the next card using _cardController
_cardsController.addItem(CardView(text: "Next card"));
// Take action on the swiped widget based on the direction of swipe
// Return false to not animate cards
},
enableSwipeUp: true,
enableSwipeDown: false,
);
}
}
Contribuant
Si vous souhaitez contribuer à ce projet, vous pouvez facilement créer des problèmes et envoyer des PR. Veuillez noter que vos contributions au code seront applicables sous licence MIT, sauf indication contraire.
Crédits
GitHub
Voir Github