Package detailsv1.0.3

flutter_multi_carousel

A simple Carousel Package with multiple types and configurations.

30-day downloads: 53
Likes: 30
Pub points: 25

Install package

flutter pub add flutter_multi_carousel

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A versatile Flutter package for creating multiple types of carousels with customizable configurations. It supports various carousel styles, including standard, cover flow, and interactive layouts, enabling smooth scrolling and responsive design. Ideal for showcasing images, products, or content in a visually engaging way. The package is lightweight and easy to integrate, offering flexibility through configurable animations, indicators, and swipe gestures. Designed for developers seeking dynamic, reusable carousel components without complex setup.

Use cases

Displaying image galleries
Showcasing product listings
Creating interactive content sliders
Building onboarding screens
Presenting featured items in apps
Enhancing user engagement with visual transitions

Key features

Multiple carousel types (standard, cover flow)
Customizable animations and transitions
Built-in pagination indicators
Swipe gesture support
Responsive layout handling
Easy integration with minimal configuration

Suitable for

Mobile app developers
UI/UX designers
E-commerce applications
Content-rich applications
Interactive prototypes
Apps requiring dynamic content display

Considerations

Limited platform-specific customization
No built-in autoplay control
Requires manual handling of large datasets
May need additional styling for complex layouts
Not optimized for very high-performance scenarios
Depends on external repository for updates

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Flutter_Carosel

A simple Carousel Widget with multiple configuration option.

...
dependencies:
 ...
 flutter_multi_carousel: ^1.0.0
...

And install it using flutter packages get on your project folder. After that, just import the module and use it:

import 'package:flutter/material.dart';
import 'package:flutter_multi_carousel/carousel.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Carousel Demo',
      home: CarouselExample(),
    );
  }
}

class CarouselExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Carousel(
            height: 350.0,
            width: 350,
            initialPage: 3,
            allowWrap: false,
            type: Types.slideSwiper,
            onCarouselTap: (i) {
              print("onTap $i");
            },
            indicatorType: IndicatorTypes.bar,
            arrowColor: Colors.black,
            axis: Axis.horizontal,
            showArrow: true,
            children: List.generate(
                7,
                (i) => Center(
                      child:
                          Container(color: Colors.red.withOpacity((i + 1) / 7)),
                    ))),
      ),
    );
  }
}

For detailed demonstration refer this GitHub link

https://github.com/jaiswalshubham84/Flutter-Carousel

Getting Startedslide

Properties	Type	Default Value	Description
height	Double	null	Defines height of carousel.This field is required
width	Double	null	Defines width of carousel. This field is required
axis	Axis	Axis.horizontal	Defines axis of carousel.
type	Types	"simple"	Defines type of carousel. for ex: Types.simple, Types.slideSwiper, Types.xRotating, Types.yRotating, Types.zRotating, Types.multiRotating
onCarouselTap	Function	null	A callback function
arrowColor	Color	Colors.white	Define the color of arrow
arrowColor	Color	Colors.white	Define the color of arrow
showIndicator	Bool	true	Choice to show indicator in carousel
indicatorType	IndicatorTypes	bar	Defines the type of indicator. For ex: IndicatorTypes.bar, IndicatorTypes.dot, IndicatorTypes.bubble
initialPage	int	0	Start your carousel with custom initial page number
activeIndicatorColor	Color	Colors.white	Defines the color of active indicator
unActiveIndicatorColor	Color	Colors.black	Defines the color of unactive indicator
indicatorBackgroundColor	Color	Color(0xff121212)	Defines the background color of indicator
indicatorBackgroundOpacity	Double	0.5	Defines the opacity of indicator background
allowWrap	bool	true	Defines if the carousel should wrap once you reach the end or if your at the begining and go left if it should take you to the end