dynamic_carousel 0.0.2 copy "dynamic_carousel: ^0.0.2" to clipboard
dynamic_carousel: ^0.0.2 copied to clipboard

An animated carousel swiper supporting adding and removing of items.

pub package version license issues

Dynamic carousel widget is a carousel with zoom animation with ability to add and remove elements dynamicaly

Preview #

Features #

The Features of this dynamic carousel are:

Zoom animation #

  • zoom animation for expanding carousel item on focus
  • zoom animation from widgets next to focus to former widgets
  • Automatic adjustable scrollbar for carousel
  • Customizable scrollbar
  • Scrollbar widget shows when carousel item is above two

Delete Items #

  • delete items from the carousel and have them change in realtime

Getting started #

Add the package to the yaml file.

dynamic_carousel: latestversion

Import the package to your widget tree before using it

import 'package:dynamic_carousel/dynamic_carousel.dart';
List<Widget> carouselItems = [
    Container(
        width: double.maxFinite,
        height: double.maxFinite,
        color: Colors.green,
    ),
    Container(
        width: double.maxFinite,
        height: double.maxFinite,
        color: Colors.blue,
    ),
];


DynamicCarousel(
    animationDuration: Duration(milliseconds: 250),
    onDelete: (index) {
        carouselItems.removeAt(index);
    },
    children: carouselItems,
),

The code above loads the carousel with default properties

Usage #

// set properties of the slider for the carousel
final properties = TrackBarProperties(
    trackbarColor: Colors.grey, // set the background color of the slider
    sliderColor: Colors.orange, // set the color of the thumb of the slider
    sliderHeight: 10, // set the height of the slider
    trackbarLength: 150, // set the horizontal length of the slider
    topSpacing: 40, // set the spacing between the slider and the carousel
  );

// list of widgets for carousel
List<Widget> carouselItems = [
    Container(
      width: double.maxFinite,
      height: double.maxFinite,
      color: Colors.green,
    ),
    Container(
      width: double.maxFinite,
      height: double.maxFinite,
      color: Colors.red,
    ),
    Container(
      width: double.maxFinite,
      height: double.maxFinite,
      color: Colors.blue,
    ),
    Container(
      width: double.maxFinite,
      height: double.maxFinite,
      color: Colors.yellow,
    ),
];

Widget build(BuildContext context){
    return DynamicCarousel(
        height: 400,
        bigItemHeight: 400,
        bigItemWidth: 400,
        smallItemWidth: 200,
        smallItemHeight: 200,
        trackBarProperties: properties,
        animationDuration: Duration(milliseconds: 100),
        onDeleteWidget: IconButton(onPressed: (){}, icon: Icon(Icons.remove)), // customized delete icon
        onDelete: (int index){},
        children: carouselItems,
  });
}

Additional information #

Contribute to the widget on Github.

8
likes
140
pub points
69%
popularity

Publisher

unverified uploader

An animated carousel swiper supporting adding and removing of items.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on dynamic_carousel