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 分類

安裝套件