tinder_card 0.1.1

A sample Tinder Card with swipe effects (right, left, up) and multiple images showing into the card and tap to view the next image.

tinder_card

Getting Started

A sample Tinder Card with swipe effects with multiple images showing in a card.

Demo

See example for details

Usage

Add the package to your pubspec.yml file.

dependencies:
  tinder_card: ^0.1.1

Install it

You can install packages from the command line:

with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import it

Now in your Dart code, you can use:

'import 'package:tinder_card/tinder_card.dart';

How to pass the card data

Here we are using a common data structure for the card detail Here i'm usind a model class for the data handling

class Profile {
  final List<String> photos;
  final String name;
  final String bio;

  Profile({this.photos, this.name, this.bio});
}

adding some dummy data to the Profile model

//dummy data
final List<Profile> demoProfiles = [
  new Profile(
    photos: [
      "assets/3.jpg",
      "assets/2.jpg",
      "assets/1.jpg",
      "assets/3.jpg",
      "assets/2.jpg",
      "assets/1.jpg",
    ],
    name: "Aneesh G",
    bio: "This is the person you want",
  ),
];

Show the tinder card in the Scaffold

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          body: TinderSwapCard(
        demoProfiles: demoProfiles,
        myCallback: (decision) {},
      )),
    );
  }