搜索分类、插件与代码仓

stacked_card_carousel 封面
插件详情v0.0.4

stacked_card_carousel

一个用于创建垂直轮播图的堆叠卡片小部件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
1620
喜欢数
224
Pub 分数
150

安装插件

flutter pub add stacked_card_carousel

插件介绍

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

一个 Flutter 小部件,可创建垂直的轮播图,展示堆叠卡片,非常适合以视觉吸引人的方式展示内容。它支持平滑滚动和卡片分层,具有可自定义的深度和间距。该包可在所有主要平台(包括 Android、iOS、Web、macOS、Windows 和 Linux)上使用。专为希望实现优雅、交互式卡片界面但无需复杂实现的开发者设计。通过简单的 pub add 命令即可无缝集成到现有的 Flutter 项目中。

适合场景

  • 显示图像画廊
  • 展示产品列表
  • 展示用户资料
  • 创建交互式入门屏幕
  • 构建基于卡片的仪表板

主要特点

  • 垂直堆叠布局
  • 平滑滚动交互
  • 可自定义的卡片深度和间距
  • 平台无关设计
  • 与 Flutter 的轻松集成
  • 支持基于手势的导航

适合对象

  • 移动应用界面
  • Web 应用程序接口
  • 交互式原型
  • 内容丰富的应用程序
  • 注重设计的 Flutter 项目

使用建议

  • 可能需要对大型数据集进行性能优化
  • 非卡片布局的自定义选项有限
  • 不适合横向卡片流
  • 最适合中等数量的卡片
  • 需要仔细处理动画状态

原始 README

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

stacked_card_carousel

A widget for creating a vertical carousel with stacked cards.

cardsStack fadeOutStack

📱 Usage

  1. Import package in your file
import 'package:stacked_card_carousel/stacked_card_carousel.dart';
  1. Use StackedCardCarousel widget
  StackedCardCarousel(
      items: cards,
  );

🎛 Attributes

Attribute Data type Description Default
items List List of card widgets. -
type StackedCardCarouselType A type of cards stack carousel. cardsStack
initialOffset double Initial vertical top offset for cards. 40.0
spaceBetweenItems double Vertical space between items. Value start from top of a first item. 400.0
applyTextScaleFactor bool If set to true scales up space and position linearly according to text scale factor. Scaling down is not included. true
pageController PageController Use it for your custom page controller. PageController()
onPageChanged void Function(int pageIndex) Listen to page index changes. null

💻 Author

Grigori Hlopkov - GitHub

所属分类

源码仓库

使用此插件的项目

暂无相关数据。