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

copied to clipboard

Install it

You can install packages from the command line:

with Flutter:

$ flutter pub get

copied to clipboard

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';

copied to clipboard

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});
}

copied to clipboard

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",
  ),
];

copied to clipboard

Show the tinder card in the Scaffold

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

copied to clipboard