swipe_deck 1.1.0 swipe_deck: ^1.1.0 copied to clipboard
A simple Flutter Package to Mimic iMessage Image Picker for Flutter
import 'package:flutter/material.dart';
import 'package:swipe_deck/swipe_deck.dart';
const IMAGES = ["apex", "cod", "destiny", "fc3", "game_4", "ghost", "mk11", "nfs", "pubg", "mk112"];
final borderRadius = BorderRadius.circular(20.0);
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Swipe Deck',
home: TestPage(),
);
}
}
class TestPage extends StatelessWidget {
const TestPage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Swipe Deck"),
),
body: Center(
child: Container(
width: 600,
child: Center(
child: SwipeDeck(
startIndex: 3,
emptyIndicator: Container(
child: Center(
child: Text("Nothing Here"),
),
),
cardSpreadInDegrees: 5, // Change the Spread of Background Cards
onSwipeLeft: (){
print("USER SWIPED LEFT -> GOING TO NEXT WIDGET");
},
onSwipeRight: (){
print("USER SWIPED RIGHT -> GOING TO PREVIOUS WIDGET");
},
onChange: (index){
print(IMAGES[index]);
},
widgets: IMAGES
.map((e) => GestureDetector(
onTap: () {
print(e);
},
child: ClipRRect(
borderRadius: borderRadius,
child: Image.asset(
"assets/images/$e.jpg",
fit: BoxFit.cover,
)),
))
.toList(),
),
),
),
),
);
}
}