Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

vertical beautiful card pager

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

preview

 beautiful card

84666824-89161800-af5c-11ea-898c-34b65e03f6c5

84666830-8adfdb80-af5c-11ea-8383-878301d92179

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

new feature

v1.3.0

  • change alignment
left center(default) right
left center right

v1.4.0

  • enable web
#1 Use dynamic and beautiful card view pagers to help you create great apps

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
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Top