in

Use dynamic and beautiful card view pagers to help you create great apps

Vertical_Card_Pager

To assist you in developing great applications, utilities with great functions are indispensable. One of those great utilities has to be Card View. Card View is useful for displaying a small to moderate amount of content in a way that is not visually overwhelming. If the pieces of content to be displayed are best identified by a graphic or other visual representation, Card View enables a user to easily visualize and compare them. It is also useful when you want to present a large number of objects at once within the same summary page.

In short, Card View assists you in developing great apps by using dynamic and beautiful card view pagers. 

Preview

card view
84659970-2b310280-af53-11ea-9ba0-67fbf9a67639

New Feature

v1.3.0

  • Change Alignment
LeftCenter(Default)Right
leftcenterright

v1.4.0

  • Enable Web

Web Link

Installing

  1. Add dependency to pubspec.yamlGet the latest version in the ‘Installing’ tab on pub.dartlang.org
dependencies:
    vertical_card_pager: ^1.5.0

  1. Import the package
import 'package:vertical_card_pager/vertical_card_pager.dart';

  1. Adding VerticalCardPager

With optional parameters

  @override
  Widget build(BuildContext context) {
    final List<String> titles = ["RED", "YELLOW", "BLACK", "CYAN", "BLUE", "GREY", ];

    final List<Widget> images = [
      Container(
        color: Colors.red,
      ),
        Container(
        color: Colors.yellow,
      ),
        Container(
        color: Colors.black,
      ),
        Container(
        color: Colors.cyan,
      ),
        Container(
        color: Colors.blue,
      ),
        Container(
        color: Colors.grey,
      ),
    ];
    return Scaffold(
      body: SafeArea(
        child: Column(
          children: <Widget>[
            Expanded(
              child: Container(
                child: VerticalCardPager(
                  titles: titles,  // required
                  images: images,  // required
                  textStyle: TextStyle(color: Colors.white, fontWeight: FontWeight.bold), // optional
                  onPageChanged: (page) { // optional
                  },
                  onSelectedItem: (index) { // optional
                  },
                  initialPage: 0, // optional
                  align : ALIGN.CENTER // optional
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

GitHub

https://github.com/Origogi/Vertical_Card_Pager

Written by James

A Tinder like cards for flutter

A widget for stacking cards with beautiful animations for flutter