Search categories, packages and repositories

curved_carousel cover
Package detailsv0.0.8

curved_carousel

Curved Carousel shows list of widgets in curve fashion in both horizontal and vertical.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
122
Likes
67
Pub points
150

Install package

flutter pub add curved_carousel

Package Overview

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

Curved Carousel is a Flutter package that displays a list of widgets in a curved, visually engaging layout, supporting both horizontal and vertical orientations. It enhances user experience by presenting content in a dynamic, flowing manner reminiscent of cover flow effects. Ideal for showcasing images, cards, or other UI elements with a modern aesthetic. The package is compatible across all major platforms including Android, iOS, Web, macOS, Windows, and Linux, making it versatile for cross-platform applications. It integrates seamlessly with Flutter’s widget system and requires minimal setup via pub add.

Use cases

  • Showcasing product images in e-commerce apps
  • Displaying featured content in media galleries
  • Creating interactive sliders with visual depth
  • Enhancing onboarding screens with dynamic layouts
  • Presenting portfolios or collections in a unique format

Key features

  • Supports horizontal and vertical curved layouts
  • Smooth animation and responsive interaction
  • Cross-platform compatibility
  • Easy integration with Flutter's widget system
  • Customizable curve radius and spacing
  • Built-in gesture support for navigation

Suitable for

  • Developers seeking modern carousel designs
  • Apps requiring visually appealing content presentation
  • Projects aiming for interactive user interfaces
  • Design-focused applications with rich media
  • Cross-platform mobile and web apps

Considerations

  • May impact performance with large datasets
  • Requires careful tuning of curve parameters for optimal look
  • Limited customization options beyond basic styling
  • Not ideal for simple linear lists
  • Best suited for moderate-sized content collections

Original README

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

Curved Carousel

curved_carousel version MIT License MIT License

A Flutter package for easy implementation of curved carousel.

Easy to use
CurvedCarousel(
      itemBuilder: (context, i) {
        return Item(img: listItem[i].img, selectionChange: (bool){
          print('onTap:: ${listItem[i].name}')
        }, selected: listItem[i].selected,key: ValueKey(listItem[i].selected),);
      },
      itemCount: listItem.length,
      middleItemScaleRatio: 1.5,
)
Attributes

itemBuilder : builder function returns widget of given index
itemCount : total widgets
viewPortSize : how much size a single item will have, the fractional value lies between 0 and 1, 1 means full size
curveScale : it specifies curviness
disableInfiniteScrolling : by default, infinite scrolling is enable, but if you want to disable it make it true
scaleMiddleItem : scales middle item of carousel, by default it is true
middleItemScaleRatio : it is scaling parameter for middle item
tiltItemWithcurve : does the items angle need to be follow to curve, by default this is true
horizontalPadding : a padding to apply horizontally to the carousel, the default is no padding
animationDuration : a duration of the item change animation in milliseconds, the default value is 300
onChangeEnd : a function to trigger when the item change animation is done
onChangeStart : a function to trigger when the item change animation is start
moveAutomatically : allow to change the current selected item automatically, default is set to false.
automaticMoveDelay : the delay between automatic movements, default is 5000
reverseAutomaticMovement : reverse the direction of the automatic movement, default is false

Categories

Source repository

Projects using this package

No data available yet.