https://github.com/geekruchika/FlutterCardSwipe

https://github.com/geekruchika/FlutterCardSwipe

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/geekruchika/FlutterCardSwipe
• Owner: geekruchika
• License: other
• Created: 2018-05-08T05:45:26.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-17T16:54:48.000Z (over 1 year ago)
• Last Synced: 2024-01-08T06:03:36.417Z (5 months ago)
• Language: Dart
• Size: 8.87 MB
• Stars: 552
• Watchers: 21
• Forks: 159
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• awesome-flutter-cn - 卡片滑动动画 - 卡片滑动模板，由 [Ruchika Gupta](https://github.com/geekruchika) 制作。 (模板 / 赚钱)
• awesome-stars - FlutterCardSwipe
• awesome-stars - FlutterCardSwipe
• awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• -awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• awesome-stars-webVueBlog - geekruchika/FlutterCardSwipe - (Dart / 运维\&DevOps)
• awesome-stars - FlutterCardSwipe
• awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• awesome-flutter-cn - Card Swipe Animation - 滑动卡片模板，[Ruchika Gupta](https://github.com/geekruchika). (模板 / 推广和盈利)
• awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• awesome-flutter - Card Swipe Animation - Swipe cards template by [Ruchika Gupta](https://github.com/geekruchika). (Templates / Monetization)
• awesome-flutter - Card Swipe Animation

README

        

# 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](https://dribbble.com/shots/2216416-Showtime-app).

You can also checkout the flow of animation and steps to design it briefly at my medium article [Tinder Swipe in Flutter](https://blog.geekyants.com/tinder-swipe-in-flutter-7e4fc56021bc)

# Demo

#### Card Swipe

![Demo](https://github.com/geekruchika/FlutterCardSwipe/blob/master/animation_exp/ScreenGif/cardSwipe.gif)

## 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](http://flutter.io/) for help getting start with your Flutter Animation project.