搜索插件、代码仓与 APP 分类

插件详情v0.2.0+1

flutter_stack_card

Stack Card Widget 是在 Flutter 中创建交换卡片的最快方法。

近 30 天下载
7
喜欢数
29
Pub 分数
40

安装插件

flutter pub add flutter_stack_card

插件介绍

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

Flutter Stack Card 是一个轻量且高效的包,可帮助开发者在 Flutter 应用中快速实现可滑动的卡片界面。它提供了一种基于堆栈的卡片布局,用户可以向左或向右滑动卡片,非常适合用于 Tinder 风格的信息流或任务管理界面等交互式 UI。该包专注于性能和易用性,只需最少的设置即可实现流畅的动画和手势操作。它可无缝集成到现有的 Flutter 项目中。

适合场景

  • Tinder风格的滑动界面
  • 任务或待办事项列表滑动
  • 图片或内容轮播
  • 用户配置文件选择
  • 互动测验或调查流程

主要特点

  • 快速流畅的滑动动画
  • 最小化样板代码
  • 支持左右滑动手势
  • 与 Flutter 的轻松集成
  • 可自定义的卡片外观

适合对象

  • 初级到中级 Flutter 开发者
  • 需要可滑动卡片交互的应用
  • 原型设计交互式 UI
  • 简单的手势驱动界面

使用建议

  • 超出基本滑动行为的自定义功能有限
  • 不支持垂直滑动的内置支持
  • 可能需要额外的逻辑来处理复杂的状态管理
  • 未针对无分页的大卡数据集进行优化

原始 README

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

Flutter Stack Card

Stack Card Widget is fastest way to create swap card in flutter.

Screenshots

StackType.middle StackType.right

Usage

StackCard.builder(
    itemCount: /* Item Count */,
    displayIndicator: /* Flag to display the indicator */,
    displayIndicatorBuilder: /* Customize the indicator */,
    onSwap: (index) {
        /* listen for swapping */
    },
    itemBuilder: (context, index) {
        /* item builder */
    }
)

Example

Please find example in here: Example

所属分类

依赖

依赖清单 1 项

  • flutter_slider_indicator^0.1.1

源码仓库

使用此插件的项目

暂无相关数据。