Flutter Card Swipe View like Tinder

You are currently viewing Flutter Card Swipe View like Tinder
Card Swipe

Flutter Card Swipe View like Tinder

Creating the swipe view as used in the Tinder. Swipe right is considered accepted and swipe left is rejected.It is a rebuild version of a UI design that I came across on Dribbble.

You can also checkout the flow of animation and steps to design it briefly at my medium article Tinder Swipe in Flutter

See also  Credit Card UI with Card Detection in Flutter

Demo

Card Swipe
Card Swipe

Getting Started

Note: Make sure your Flutter environment is setup.

Installation

In the command terminal, run the following commands:

$ git clone https://github.com/geekruchika/FlutterCardSwipe.git
$ cd FlutterCardSwipe/animation_exp
$ flutter run

Simulate for iOS

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

Credit

This is developed by geekruchika
Download this project from the below link.
https://github.com/geekruchika/FlutterCardSwipe/archive/refs/heads/master.zip
You can visit original source page from the below link:
https://github.com/geekruchika/FlutterCardSwipe

Spread the love

Leave a Reply