Vertical_Card_Pager

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

Preview

84666831-8b787200-af5c-11ea-9bce-653c00d556fe

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

Installing

  1. Add dependency to pubspec.yaml

    Get the latest version in the 'Installing' tab on pub.dartlang.org

dependencies:
    vertical_card_pager: ^1.5.0
Dart
  1. Import the package
import 'package:vertical_card_pager/vertical_card_pager.dart';
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
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
Dart

GitHub

https://github.com/Origogi/Vertical_Card_Pager