Card Swipe Animation Ruchika GuptaCard Swipe Animation [404⭐] - Swipe cards template by Ruchika Gupta.

Related tags

Templates FlutterCardSwipe
Overview

FlutterCardSwipe

Card Swipe Animation

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

Demo

Card Swipe

Demo

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
Check out Flutter’s online documentation for help getting start with your Flutter Animation project.
You might also like...

It's a universal app template to have a great animated splash screen and liquid slider. Just change the animation if you want (rive) and change the images or colours according to your app.

liquid A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Oct 7, 2022

A Flutter project to show a personal business card. 📱ℹ️

Mi Card Mi Card Flutter (Practice Project) 📱 ℹ 💳 What is Mi Card Mi Card is a personal business card. Imagine every time you wanted to give someone

Jan 4, 2022

A credit card widget for Flutter application.

A credit card widget for Flutter application.

Flutter Credit Card A Flutter package allows you to easily implement the Credit card's UI easily with the Card detection. Preview Installing Add depen

Jan 4, 2023

Shopping card UI

Shopping card UI

Shopping Card This Ui focuss on: sreen adaptability Modular code Animation Note 1: This a project that was focussing on a new way of organising my cod

Oct 5, 2022

Cowin smart print - A GUI based CoWIN Certificate to Smart Card Converter

Cowin smart print - A GUI based CoWIN Certificate to Smart Card Converter

CoWIN Smart Print A GUI based CoWIN Certificate to Smart Card Converter. Feature

Mar 9, 2022

A new Flutter project. Use of Padding Class(Widget) and Card Class (Widget)

A new Flutter project. Use of Padding Class(Widget) and Card Class (Widget)

Use_Of_Card_And_Padding_Class A new Flutter project. Use of Padding Class(Widget) and Card Class (Widget) Getting Started This project is a starting p

Mar 18, 2022

Contribute in building the Ultimate GitBook of Developers by creating your git-card.json

Contribute in building the Ultimate GitBook of Developers by creating your git-card.json

Contribute in building the Ultimate GitBook of Developers by creating your git-card.json gitcards The Attractive and Interactive Variant of your GitHu

Apr 8, 2022

Flutter library for Moyasar. Supports Apple Pay, STC Pay and Credit Card.

Flutter library for Moyasar. Supports Apple Pay, STC Pay and Credit Card.

Oct 22, 2022

A flutter UI package provides a cell widget that has leading and trailing swipe action menu.

A flutter UI package provides a cell widget that has leading and trailing swipe action menu.

Language: English |中文简体 flutter_swipe_action_cell A package that can give you a cell that can be swiped ,effect is like iOS native If you like this pa

Jan 7, 2023
Comments
  • Stop gesture swiping and sort list

    Stop gesture swiping and sort list

    Greetings,

    I have two issues:

    FIRST:

    i want to remove the feature to swipe by gesture .. i tried to remove:

    GestureDetector()from the activeCard class .. but its still there

    how to remove this feature? i just want the animation to be on a button click .. no gesture

    SECOND:

    Also, i noticed that the first item in the list (activeCard) is actually the last item in the list .. since it's done like this:

    if (data.indexOf(item) == data.length - 1) {
                  return cardDemo();
                } else {
                  return cardDemoDummy();
                }

    how to make the first is the first item in the list or sort the items in the list in reverse?

    how to fix these two points? waiting for your reply. Thank you.

    opened by lamatat 1
  • Swiping by button or finger is different

    Swiping by button or finger is different

    How to make the "finger swipe" changing the data list like the "buttons swipe" (on the bottom) ?

    I just want to keep the last imageDecoration as first of the list (instead of last) but it gives me an error when I change: dismissImg() or addImg(img); by:

    var i = data.removeLast(); data.insert(0, i);

    opened by BeaumerF 0
Owner
Ruchika Gupta
Software Engineer
Ruchika Gupta
GitHub
Card-slider-flutter - Implementation of swipeable image cards with dot indicators

card_slider A new Flutter project. Getting Started This project is a starting po

Ryan Egbejule-jalla 1 Sep 17, 2022
Business Card - Business Card App Built With Flutter

Business Card app. Basic single page app with functionality. For now you can cha

buraktaha 5 Apr 20, 2022
Choose color theme template - A template will help you choose a color scheme for the application, show how widgets interact with it

choose_color_theme_template This template will help you choose a color scheme fo

meg4cyberc4t 11 Oct 24, 2022
Flutter getx template - A Flutter Template using GetX package for State management, routing and Dependency Injection

Flutter GetX Template (GetX, Dio, MVVM) This Flutter Template using GetX package

Tareq Islam 6 Aug 27, 2022
Yugioh Cards Sample App using MobX, Provider, and Chopper

Yugioh Cards Sample App All data are collected from https://db.ygoprodeck.com/api-guide/. I apply MobX as state management for this app. At this time,

Fikri Razzaq 31 Dec 29, 2022
Flutter base code for app with slivers for affect on app bar and scrolling of cards.

scroll_with_flexi_title A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you

null 0 Dec 28, 2021
A flutter demo app to practice ListView and Cards

A flutter demo app to practice ListView and Cards

Alexander Sosa 0 Jan 3, 2022
This library provides the easiest way to integrate Twitter Cards in Flutter web apps 🐦

The Easiest Way to Integrate Twitter Cards into Your Flutter Web App ?? 1. Guide ?? 1.1. Features ?? 1.2. Getting Started ⚡ 1.2.1. Install Library 1.2

Twitter.dart 3 Aug 7, 2022
Travel Folding Card with hover animation

travelfoldingcard Travel Folding Card with hover animation The live version is in my Flutter CodePen The original CodePen is from Madalena, which is c

Mahtab Tadayon 4 Jun 9, 2022
This Country Selector UI Library written by Dart and Fluter and supports three locales with country's name, achieves lazy loading, and country card animation on listview

Country Selector Widget This Country Selector Widget UI Library written by Dart and Fluter and supports three locales with country's name, achieves la

Klaus 6 Nov 15, 2022