1+ import 'package:flutter/material.dart' ;
2+ import 'package:vertical_card_pager/vertical_card_pager.dart' ;
3+ 4+ class VerticalCardPagerExample extends StatefulWidget {
5+ const VerticalCardPagerExample ({ Key ? key }) : super (key: key);
6+ 7+ @override
8+ _VerticalCardPagerExampleState createState () => _VerticalCardPagerExampleState ();
9+ }
10+ 11+ class _VerticalCardPagerExampleState extends State <VerticalCardPagerExample > {
12+ final List <Widget > images = [
13+ ClipRRect (
14+ borderRadius: BorderRadius .circular (10 ),
15+ child: Image .network ("https://images.unsplash.com/photo-1541778480-fc1752bbc2a9?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Njl8fHdhdGNofGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" , fit: BoxFit .cover,),
16+ ),
17+ ClipRRect (
18+ borderRadius: BorderRadius .circular (10 ),
19+ child: Image .network ("https://images.unsplash.com/photo-1434056886845-dac89ffe9b56?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTh8fHdhdGNofGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=400&q=60" , fit: BoxFit .cover,),
20+ ),
21+ ClipRRect (
22+ borderRadius: BorderRadius .circular (10 ),
23+ child: Image .network ("https://images.unsplash.com/photo-1508685096489-7aacd43bd3b1?ixid=MnwxMjA3fDB8MHxzZWFyY2h8OXx8d2F0Y2h8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" , fit: BoxFit .cover,),
24+ ),
25+ ClipRRect (
26+ borderRadius: BorderRadius .circular (10 ),
27+ child: Image .network ("https://images.unsplash.com/photo-1547996160-81dfa63595aa?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MjJ8fHdhdGNofGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" , fit: BoxFit .cover,),
28+ ),
29+ ClipRRect (
30+ borderRadius: BorderRadius .circular (10 ),
31+ child: Image .network ("https://images.unsplash.com/photo-1617714651073-17a0fcd14f9e?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NDd8fHdhdGNofGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" , fit: BoxFit .cover,),
32+ ),
33+ ClipRRect (
34+ borderRadius: BorderRadius .circular (10 ),
35+ child: Image .network ("https://images.unsplash.com/photo-1618828272323-9f46e858e55e?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NTB8fHdhdGNofGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" , fit: BoxFit .cover,),
36+ ),
37+ ];
38+ 39+ final List <String > titles = ['' , '' , '' , '' , '' , '' ];
40+ 41+ @override
42+ Widget build (BuildContext context) {
43+ return Scaffold (
44+ body: SafeArea (
45+ child: Padding (
46+ padding: const EdgeInsets .all (30.0 ),
47+ child: Column (
48+ children: < Widget > [
49+ Expanded (
50+ child: VerticalCardPager (
51+ images: images,
52+ titles: titles,
53+ onPageChanged: (page) {},
54+ onSelectedItem: (index) {
55+ print (index);
56+ },
57+ )
58+ ),
59+ ],
60+ ),
61+ ),
62+ ),
63+ );
64+ }
65+ }
0 commit comments