tinder_card

Description:

tinder card

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