搜尋分類、套件與程式碼儲存庫

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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。