搜索分类、插件与代码仓

curved_carousel 封面
插件详情v0.0.8

curved_carousel

曲线轮播图以曲线形式水平和垂直显示小部件列表。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
122
喜欢数
67
Pub 分数
150

安装插件

flutter pub add curved_carousel

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Curved Carousel 是一个 Flutter 包,可将一组小部件以弯曲且视觉上引人入胜的布局显示出来,支持横向和纵向两种方向。它通过动态流畅的方式呈现内容,带来类似封面流效果的用户体验。非常适合展示图片、卡片或其他具有现代美感的 UI 元素。该包兼容所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,适用于跨平台应用开发。它与 Flutter 的小部件系统无缝集成,仅需通过 pub add 即可轻松设置。

适合场景

  • 在电子商务应用中展示产品图片
  • 在媒体画廊中显示精选内容
  • 创建具有视觉深度的交互式滑块
  • 通过动态布局增强入门屏幕
  • 以独特格式展示投资组合或作品集

主要特点

  • 支持水平和垂直弯曲布局
  • 流畅的动画和响应式交互
  • 跨平台兼容性
  • 与Flutter小部件系统的轻松集成
  • 可定制的曲线半径和间距
  • 内置手势支持用于导航

适合对象

  • 寻求现代轮播设计的开发者
  • 需要视觉上吸引人的内容展示的应用程序
  • 旨在实现交互式用户界面的项目
  • 注重设计的应用程序,具有丰富的媒体内容
  • 跨平台移动和网页应用

使用建议

  • 可能会影响大数据集的性能
  • 需要仔细调整曲线参数以获得最佳效果
  • 超出基础样式的定制选项有限
  • 不适合简单的线性列表
  • 最适合中等规模的内容集合

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

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

所属分类

源码仓库

使用此插件的项目

暂无相关数据。