A sample Tinder Card with swipe effects with multiple images showing in a card.
See example for details
Add the package to your pubspec.yml file.
dependencies:
tinder_card: ^0.1.1You can install packages from the command line:
with Flutter:
$ flutter pub getAlternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.
Now in your Dart code, you can use:
'import 'package:tinder_card/tinder_card.dart';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",
),
];
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: TinderSwapCard(
demoProfiles: demoProfiles,
myCallback: (decision) {},
)),
);
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent