in ,

Creating the swipe view as used in the Tinder

Flutter Card Swipe

Swipe views allow you to navigate between sibling screens, such as tabs, with a horizontal finger gesture, or swipe. Some main swipes are: swipe right is considered accepted, and swipe left is rejected. It enables developers to easily add swipe actions to any view and has a lot of great functionality and customization built-in. Here, we provide you with a document source to create the swipe view as used in Tinder. It’s very very useful. If you are used to the Tinder application, you will see.

With some simple operations such as swipe right and swipe left, we can accept or reject them. 

card Swipe view

Getting Started

Note: Make sure your Flutter environment is set up.


In the command terminal, run the following commands:

$ git clone
$ cd FlutterCardSwipe/animation_exp
$ flutter run

Simulate for iOS

Some methods display to you. Check it out now.

Method One

Open the project in Xcode from ios/Runner.xcodeproj.
Hit the play button.

Method Two

Run the following command in your terminal.
$ open -a Simulator
$ flutter run

Simulate for Android

Make sure you have an Android emulator installed and running.
Run the following command in your terminal.
$ flutter run


Written by James

A flutter plugin with stripe payment plugin integration

An awesome credit card widget for Flutter