sliding_card

插件介绍

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

滑动卡片是一个可自定义的Flutter包，旨在创建带有平滑滑动过渡效果的动画卡片。它使开发者能够构建对用户手势动态响应的交互式UI元素，从而提升移动应用的视觉吸引力。支持自定义动画和样式，非常适合实现可滑动的卡片界面，例如引导页面、产品展示或交互式列表。该包轻量级，并能无缝集成到现有的Flutter项目中。

适合场景

引导页面
商品轮播
可交互列表项
可滑动的内容卡片
基于手势的用户界面

主要特点

可自定义的滑动动画
对手势交互的支持
高度可配置的卡片样式
平滑过渡效果
与 Flutter 的轻松集成

适合对象

开发交互式 UI 的开发者
寻求动态卡片组件的设计人员
需要基于滑动导航的应用程序
原型设计手势密集型界面
强调视觉反馈的项目

使用建议

有限的平台特定优化
无内置的可访问性功能
需要手动处理边缘情况
可能需要额外的状态管理
未针对复杂的嵌套布局进行优化

原始 README

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

Sliding Card

Introduction

Sliding card is a highly customizable flutter package that will help you create beautiful Cards with a sliding animation effect.

Before we start

Before you start here are some relevant link that you might want to have a look

Quick start

To use the application just import the package

import 'package:sliding_card/sliding_card.dart';

Then inside your code, add the SlidingCard widget.

SlidingCard(
        slimeCardElevation: 0.5,
        cardsGap: SizeConfig.safeBlockVertical,
        //The controller is necessary to animate the opening and closing of the card
        controller: widget.slidingCardController,
        slidingCardWidth: SizeConfig.horizontalBloc * 90,
        visibleCardHeight: SizeConfig.safeBlockVertical * 27,
        //the card behind the front card can't have a higher
        // hight than the front one  
        hiddenCardHeight: SizeConfig.safeBlockVertical * 15,
        //Configure your front card here
        frontCardWidget: TheFrontCard(),
        //configure your rear card here 
        backCardWidget:TheBackCard(),
      ),

Conclusion

Thank you for using my package, If you did find any bug please feel free to report it or make a pull request. If you want to contact me directly, please DM me directly on My instagram account, or you can mail me directly. For my other packages you can visit my website at emilecode.com

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

安装插件