Ventacademy
  • Socials
  • Business Fundamentals
    • Investments
  • High Income Skills
  • Programming
  • Software Review
  • Website Development
    • WordPress
    • Search Engine Optimization
    • Free Templates and Plugins
      • Support
  • Finance
No Result
View All Result
Knowledge base
No Result
View All Result
Home Programming Free download

Use dynamic and beautiful card view pagers

admin by admin
April 7, 2021
Share on FacebookShare on Twitter


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

Ads

Preview

New Feature

v1.3.0

v1.4.0

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

How to use

Check out the example app in the example directory or the ‘Example’ tab on pub.dartlang.org for a more complete example.

Example

Example on Web

https://origogi.github.io/Vertical_Card_Pager/#/

Reference

This package’s animation is inspired from from this Dribbble art.

TODO

  •  Make proto type
  •  Add or Remove Item effect
  •  Add round edge in each item view
  •  Handle touch event
  •  Deploy plug in
  •  Add card alignment

Download Flutter vertical card pager source code on GitHub

https://github.com/Origogi/Vertical_Card_Pager

Check out how to Use dynamic and beautiful card view pagers to help you create great apps on pub.dev

https://pub.dev/packages/vertical_card_pager

Provides the list of the opensource Flutter apps collection with GitHub repository.

admin

admin

Related Posts

An open-source public transport app

April 20, 2021

An open-source pubic transport app

April 20, 2021

Flutter Firebase Chat Core – Download source code on GitHub

April 19, 2021

Food Delivery App made by Flutter and Bloc

April 19, 2021
Next Post

Covid-19: FG discloses why it is pausing vaccinations soon in some states

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended.

I Just Found Out Her Hiding Place – Romance

March 16, 2021
AMP for WP 1.0.68.1 Nulled (Full Extension) – AMP Plugin for WordPress

AMP for WP 1.0.68.1 Nulled (Full Extension) – AMP Plugin for WordPress

November 23, 2020

Subscribe.

Trending.

No Content Available

About Us

Knowledge base

We bring you the best technology news, Finance news and lots more. you can download premium themes, plugins scripts, courses and lots more here.

Follow Us

Categories

  • All
  • Books
  • Business Fundamentals
  • Finance
  • Free Course
  • Free download
  • Free Templates and Plugins
  • Health
  • High Income Skills
  • Investments
  • NSFW
  • Photography
  • Search Engine Optimization
  • Software Review
  • Support
  • Technical Analysis
  • Website Development
  • Wordpress
  • World

Activity

FREEDOWNLOAD

Learn Python 3 programming | Become job ready using Pycharm – Download Udemy Courses For Free

Oxygen 5.9 – WooCommerce WordPress Theme

Preston 1.2.1 – Real Estate WordPress Theme

Support Board 3.2.4 – WordPress Chat Plugin

YITH WooCommerce Customize My Account Page 3.1.1 Nulled

YITH Cost of Goods for WooCommerce 1.2.13 Nulled

BoomBox 2.7.7 Nulled – Viral Magazine WordPress Theme

Calendarista 13.3 – Premium WordPress Booking Plugin

Starto 1.7.2 Nulled – Saas Software Startup WordPress

BioLinks 7.0.0 Nulled – Instagram & TikTok Bio Links & URL Shortener

WizeStore 1.14.5 Nulled – Multipurpose WooCommerce Shop

Midone 3.0.4 – Laravel 8 Admin Dashboard Template + HTML Version + XD Design File

Mosto 4.0.1 – App Landing Page

An open-source public transport app

Infix LMS 2.0.1 Nulled – Learning Management System

  • Socials
  • About
  • Advertise
  • Privacy & Policy
  • Contact

© 2020 Ventacademy

No Result
View All Result
  • Socials
  • Business Fundamentals
    • Investments
  • High Income Skills
  • Programming
  • Software Review
  • Website Development
    • WordPress
    • Search Engine Optimization
    • Free Templates and Plugins
      • Support

© 2020 Ventacademy